<header>标签为什么不能改变背景颜色？

<body>
  <header style="background-color:red">
    <h3>TWITCH STREAMERS</h3>
    <div id="statusSelect">
    <lable><input type="radio" name="status" value="all" checked="checked">All</lable>
    <lable><input type="radio" name="status" value="online">Online</lable>
    <lable><input type="radio" name="status" value="offline">Offline</lable>
    </div>
  </header>
  <div>
    
  </div>
</body>

body{
  text-align:center;
}
header{
  background-color:red;
  margin: 40px auto;
  width: 600px;
}
h3{
  float: left;
  margin-left: 30px;
}
#statusSelect{
  float: right;
  line-height: 57.44px;
  margin-right: 30px;
}

上面两种方法都不能改变<header>的背景颜色。这是为什么？

哈哈，因为header里的东西都被float了，header高度变为0了，试试给header的:after加个clear:both之类的

给header设置高度

你确定不可以？

header要清除子元素的浮动

随手试了下可以的啊,你别说你的html代码就只有贴出来那写,写完整的试试.

【热门文章】