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

时间:2011-11-03 05:58:26

标签: html css

我将div中的元素设置为float: right但是,它会导致最外层的div不被包围。这是jsfiddle

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

6 个答案:

答案 0 :(得分:5)

将容器设置为overflow: hiddenit'll wrap!

答案 1 :(得分:5)

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

答案 2 :(得分:2)

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

答案 3 :(得分:0)

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

答案 4 :(得分:0)

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

答案 5 :(得分:-1)

使用

text-align:right

而不是浮动:正确