极客观点
项目管理
HarmonyOS
<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之类的