html - <header>标签为什么不能改变背景颜色?
本文介绍了html - <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之类的
这篇关于html - <header>标签为什么不能改变背景颜色?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文