HTML—CSS 子标签不继承父便签的样式

2023年7月8日 493次阅读 来源: 小夫特

每天那么多霾 在办公室往外看 我感觉我身处云端 这飞样的感觉

问题

今天在写一个页面时，父标签定义背景色，子标签不显示背景颜色。子标签浮动。

直接上例子

写一个最简单的小例子

<!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>

解决办法

  1. 在父div的CSS中加上overflow:hidden就行了！因为里面的内标签进行的浮动所以脱离了外围div的计算，加上overflow:hidden就可以清除浮动。
  2. 父标签给定高度属性 height： ；
    原文作者：小夫特
    原文地址: https://www.jianshu.com/p/7c7ffaecd951
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞