我正在玩一个浮动的div示例,我有一个浮动的容器和一些浮动的子div,除了一个非浮动的孩子
您可以在上面看到示例;
现在我想了解这个非浮动子div的行为或渲染......
2个问题:
你能解释一下它目前是如何呈现的,如果我在所有子div之后编码它会有什么不同(即它是最后一个子元素)
如果我将容器设为溢出,它对非浮动的孩子也会有任何影响:隐藏吗?
答案 0 :(得分:2)
答案1
目前,顶部带有红色边框的未浮动div
正显示block
,因此它跨越了包含div
的整个宽度。它不受包含元素
divs
的影响
如果将其移动到包含div
的最后位置,则其他浮动divs
会影响未浮动的clear: both;
,因此您需要div
(这会清除浮动和位置带有divs
的浮动CSS
下的未浮动div
,否则未浮动的任何文本将浮动到左侧,然后继续环绕浮动元素(目前它不会这样做,因为文本不够长)。除非那是你想要实现的目标?
回答2
它应该没有任何区别,因为实际上没有任何内容溢出包含overflow: hidden;
的{{1}}
希望这有帮助