浮点CSS属性导致父div不继承高度？

Question

我有一个div设置为float: right的元素float: right然而，它导致最外层的div不会环绕。 这是jsfiddle 。

我试图让提交按钮在div中浮动，但设置该属性似乎会导致它中断。 如何获取父元素来包装浮动元素？

Answer 1

将容器设置为overflow: hidden ， 它将换行！

Answer 2

我想到了。 父div应该有overflow: hidden; 。 这将使它包含任何浮动元素。

Answer 3

设置“溢出：隐藏;” 在父母身上。 这将导致它包含任何浮动元素。

Answer 4

添加<br style="clear: both;" /> <br style="clear: both;" />浮动div之后。

Answer 5

<div class="element">
          <label></label>
          <input type="submit" id="submit" value="Post Assessment">
          <div style="clear:both"></div>
</div>

Answer 6

采用

text-align:right

而不是漂浮：对