HTML和CSS按钮对齐

如何右对齐div中的按钮，而不使用有效的CSS和HTML将其从标记流中删除？这是唯一的方法吗

我有一个这样的结构

<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>

提特罗导航
纳夫孔杜多酒店
羡慕
提特罗导航
纳夫孔杜多酒店

---

如果我应用

按钮{float:right}

或

按钮{position:absolute}

下一个

div

将跳过该按钮。碰巧我只想把按钮的位置设置在右边

你想读的是

如果您有浮动元素，它们将退出页面流，但任何带有clear:的元素都将保留在页面流中，但不允许在页面流的任何一侧出现任何内容，无论是否浮动

---

实际上，在浮动后添加一个clear:tware元素可以使事情按照您希望的方式运行。

@Matt是正确的。您需要做的是清除div元素

.navContainer { text-align: right; }

.navContainer {clear: both}

---

如果您希望将按钮对齐在包含div的顶部，则可能必须将其移动到类“title”的div元素之前。

是否绑定了

float:left

-ing前面的

元素？页面上的所有内容都浮动是一种疯狂的方式…你可以使用

浮动：右
，在按钮后加上

标记，强制div不向上移动。@spinon我不同意这种解决方案。强制与

元素对齐类似于在字处理中使用空格而不是制表位对齐。@ghoppe每个人都有权发表意见。一、 在某种程度上，认同工作的心态。在这种情况下，它起了作用。我绝不是一个纯粹的css或任何的，所以不是每个人都会同意，但最终它的工作。也许改天我们会同意。不完全同意。这也将右对齐内部的div元素。