HTML和CSS按钮对齐

Question

如何在不使用有效的CSS和HTML从标记流中擦除按钮的情况下右键对齐div内的按钮？应用margin-left是唯一的方法吗？

我有这样的结构

<div class="navContainer">
    <div class="title">
        <span>Nav Titulo</span>
    </div>
    <div class="navContent">
        Nav Conteudo
    </div>
    <button type="button">Enviar</button>
</div>

<div class="navContainer">
    <div class="title">
        <span>Nav Titulo</span>
    </div>
    <div class="navContent">
        Nav Conteudo
    </div>
</div>

如果我申请button { float: right }或button { position: absolute }下一个div将克服按钮.碰巧我只想让按钮位置在右侧

Answer 1

你要读的是清理

如果你有浮动的元素,它们会超出页面流,但是任何带有clear的元素:都将保留在页面流中,但不允许任何一方在它上面,浮动或不浮动.

在实践中,添加一个clear:浮动后的两个元素使事情按照您希望的方式工作.