CSS浮动float父div没有高度的问题
如下所示，子元素 div2 本身具有高度和宽度，但由于其具有float:left；属性后。其父元素 div1 不具有高度。
<html>
<head>
</head>
<body>
<div id="div1">
<div id="div2" style="width:100px;height:20px;background:red;float:left;"></div>
</div>
</body>
</html>
当然我们可以直接给 div1 设置固定高度来解决。另外一种解决办法是给父元素 div1 设置 overflow:hidden 属性。如下所示：
<html>
<head>
</head>
<body>
<div style="overflow:hidden;">
<div style="width:100px;height:20px;background:red;float:left;"></div>
</div>
</body>
</html>
相关推荐
SuiKaSan的自学室 2020-06-13
PioneerFan 2020-06-10
zhanghaibing00 2020-05-07
e度空间 2020-04-30
sdbxpjzq 2020-04-15
/*垂直居中，div上边界距离窗口上边的距离为窗口高度的50%，并针对不同浏览器进行兼容。-- 在外层添加一个div，把行内容居中，添加.row .justify-content-center -->
Phoebe的学习天地 2020-04-14
HSdiana 2020-03-28
STPace 2020-02-17
纯屌丝程序猿 2013-05-30
luvhl 2019-12-29
云端漂移 2020-01-07
89510194 2019-12-31
疯狂紫萧 2019-12-14
开心就好 2019-08-27
echoes 2019-11-03
82473264 2016-04-14
JenniferMuMu 2014-11-07