美文网首页前端学习笔记
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 子标签不继承父便签的样式

    每天那么多霾 在办公室往外看 我感觉我身处云端 这飞样的感觉 问题 今天在写一个页面时,父标签定义背景色,子标签...

  • 前端学习笔记七

    Css层叠样式表: 1,Css层叠性:指多种css样式的叠加 2,Css继承性:子标签会继承父标签的某些样式。 字...

  • 丸子小姐学前端__第二周(下)

    一、CSS三大特性 css层叠性: 指多种CSS样式的叠加 css继承性: 指书写CSS样式表时,子标签会继承父标...

  • CSS继承,层叠,优先级

    CSS继承,层叠,优先级 继承 父元素设置样式,子元素可以继承部分属性 减少CSS代码 层叠 可以定义多个样式 不...

  • css继承,层叠,优先级

    css继承 父元素设置样式后,子元素会从父元素那去继承部分相应的样式。减少css设置。 层叠 可以定义多个样式 不...

  • CSS进阶

    什么是 CSS 继承 继承就是子标签继承了上级标签的CSS样式的属性 body里面的子元素都会继承sytle里面定...

  • CSS特性

    继承 CSS的一些特性,最常见的就是继承,CSS的有些属性是可以继承的,如果没有样式,则会继承父标签样式。比如co...

  • CSS基础样式

    CSS继承 一、什么是CSS继承 CSS继承是指我们设置父级CSS样式时,父级及以下的子级都具有此属性。 二、不可...

  • css常见样式

    什么是css继承?哪些属性能继承?哪些不能? css继承:设置父级元素,其子级元素的样式会和父级元素一样。 能继承...

  • css基础样式-1

    什么是 CSS 继承?哪些属性能继承,哪些不能? 提示:写个demo来说明 继承就是子元素继承了父元素的CSS样式...

网友评论

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

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