介绍 <李> & lt; ! DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
,,,& lt; meta charset=癠TF-8"比;
,,,& lt; title> Title
,,,& lt; style 类型=拔谋?css"比;
,,,.box1 {
,,,,,,,边界:,10 px solid 红色;
,,,}
,,,& lt;/style>
& lt;/head>
& lt; body>
& lt; div 类=癰ox1"祝辞
,,,& lt; div 类=癰ox2"祝辞a
& lt;/div>
& lt;/body>
& lt;/html> 这篇文章将为大家详细讲解有关如何解决css高度塌陷问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
<强> 1。高度塌陷
在文档流中,父元素的高度默认被子元素撑开,也就是说子元素多高,父元素就多高。但是,当为子元素设置浮动后,子元素会完全脱离文档流。此时,将会导致子元素无法撑起父元素的高度,导致父元素的高度塌陷。
由于父元素的高度塌陷了,则父元素下的所有元素都会向上移动,这样将会导致页面布局混乱。
<李>所以在开发中一定要避免出现高度塌陷的问题。
结果:父元素box1的高度被子元素box2的一个内容撑开。
