美文网首页前端学习笔记
HTML—CSS 子标签不继承父便签的样式

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

作者: 小夫特 | 来源:发表于2016-10-14 18:34 被阅读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>
    

    解决办法

    1. 在父div的CSS中加上overflow:hidden就行了!因为里面的内标签进行的浮动所以脱离了外围div的计算,加上overflow:hidden就可以清除浮动。
    2. 父标签给定高度属性 height: ;

    相关文章

      网友评论

      本文标题:HTML—CSS 子标签不继承父便签的样式

      本文链接:https://www.haomeiwen.com/subject/mvqnyttx.html