如何解决div中的浮动元素,在div之外浮动为什么?
最简单的方法是放在overflow:hidden
父div上,而不指定高度:
#parent { overflow: hidden }
另一种方法是也浮动父div:
#parent { float: left; width: 100% }
另一种方法使用明确的元素:
<div class="parent">
<img class="floated_child" src="..." />
<span class="clear"></span>
</div>
span.clear { clear: left; display: block; }
解决方法
假设您有一个div
,给它一个定值width
,然后在其中添加元素,在我的情况下为img
另一个div
。
这个想法是容器的内容div
将导致容器div
伸展,并成为内容的背景。但是,当我这样做时,包含div
的对象会缩小以适合非漂浮的对象,并且漂浮的对象将要么全部伸出,要么一半伸出,一半进入,并且对big的大小没有任何影响div
。
为什么是这样?有什么我想念的东西,怎么才能让漂浮的物品伸出height
其中的东西div
呢?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。