HTML—CSS 子标签不继承父便签的样式
2016-10-14 本文已影响238人
小夫特
每天那么多霾 在办公室往外看 我感觉我身处云端 这飞样的感觉
问题
今天在写一个页面时，父标签定义背景色，子标签不显示背景颜色。子标签浮动。
直接上例子
写一个最简单的小例子
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8"/>
<title>test</title>
</head>
<body>
<div id="div1" style="background-color: #FFCC00;">
<div class="div2" style="float: left;">
<p >云端的我们</p>
</div>
</div>
</body>
</html>
解决办法
- 在父div的CSS中加上overflow:hidden就行了！因为里面的内标签进行的浮动所以脱离了外围div的计算，加上overflow:hidden就可以清除浮动。
- 父标签给定高度属性 height： ；
