div 内的浮动元素，div 外的浮动元素。为什么？

小编典典

all

假设您有 a div，给它一个明确的定义width并在其中放入元素，在我的情况下是 animg和 another div。

这个想法是容器的内容div将导致容器div伸展，并成为内容的背景。但是当我这样做时，容器div会缩小以适应非浮动对象，并且浮动对象将完全向外，或者半出，半入，并且与
big 的大小没有任何关系div。

为什么是这样？有什么我遗漏的东西，我怎样才能让漂浮的物品伸出height包含的东西div？

阅读 77

2022-04-19

共1个答案

小编典典

最简单的是放在overflow:hidden父 div 上并且不指定高度：

#parent { overflow: hidden }

另一种方法是也浮动父 div：

#parent { float: left; width: 100% }

另一种方式使用 clear 元素：

<div class="parent">
   <img class="floated_child" src="..." />
   <span class="clear"></span>
</div>

CSS

span.clear { clear: left; display: block; }

2022-04-19