关于CSS浮动儿童div的问题

时间:2011-09-18 08:35:19

标签: css html css-float

我正在玩一个浮动的div示例,我有一个浮动的容器和一些浮动的子div,除了一个非浮动的孩子

您可以在上面看到示例;

http://jsfiddle.net/emeRJ/7/

现在我想了解这个非浮动子div的行为或渲染......

2个问题:

  1. 你能解释一下它目前是如何呈现的,如果我在所有子div之后编码它会有什么不同(即它是最后一个子元素)

  2. 如果我将容器设为溢出,它对非浮动的孩子也会有任何影响:隐藏吗?

1 个答案:

答案 0 :(得分:2)

答案1

目前,顶部带有红色边框的未浮动div正显示block,因此它跨越了包含div的整个宽度。它不受包含元素

中其他divs的影响

如果将其移动到包含div的最后位置,则其他浮动divs会影响未浮动的clear: both;,因此您需要div(这会清除浮动和位置带有divs的浮动CSS下的未浮动div,否则未浮动的任何文本将浮动到左侧,然后继续环绕浮动元素(目前它不会这样做,因为文本不够长)。除非那是你想要实现的目标?

回答2

它应该没有任何区别,因为实际上没有任何内容溢出包含overflow: hidden;的{​​{1}}

希望这有帮助