大佬教程收集整理的这篇文章主要介绍了css – 为什么在容器DIV中多个浮动DIVS之后使用?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
div.clear { clear:both; }@H_944_4@
+------A------+ |+-----------+| || B || |+-----------+| |+-----------+| || C || |+-----------+| +-------------+
A的高度由其孩子C的下边界在哪里决定.
现在,浮动元素并不计入父母的身高,他们被淘汰出来:
+------A------+ +--+---------++ | B | +---------+ +---------+ | C | +---------+
A元素被折叠到最小高度,因为它的两个孩子被浮动.
引入清除元素以恢复正确的高度:
+------A------+ | +---------+| | | B || | +---------+| | +---------+| | | C || | +---------+| |+-----D-----+| +-------------+
D元素是清除属性设置的零高度元素.这导致它落在浮动元素之下(它清除它们).这导致A有一个常规的子元素来计算它的高度.这是至少最典型的用例.
引入额外HTML元素的更好的解决方案是将A设置为overflow:hidden.这具有强制高度计算的效果,其具有将高度增长到期望尺寸的相同效果.这个解决方案可能有也可能没有其他副作用.
@H_944_4@ @H_944_4@以上是大佬教程为你收集整理的css – 为什么在容器DIV中多个浮动DIVS之后使用?全部内容,希望文章能够帮你解决css – 为什么在容器DIV中多个浮动DIVS之后使用?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。