是你给元素设置浮动之后，没有给该元素的父元素清除浮动带来的影响所导致的。只要你给其父元素清除浮动带来的影响即可解决问题。
<div class="top clearfix"><div class="logo">
我爱css:)
</div>
<div class="so">
<input type="text"></input>
<button type="button" name="button">搜索</button>
</div>
</div> .top {
background: red
}
.top .logo {
display: block
float: left
font-size: 30px
width: 30%
}
.top .so {
display: block
float: right
}
.clearfix:after,
.clearfix:before{
content: ""
height: 0
line-height: 0
display: block
clear: both
visibility: hidden
}
.clearfix{
zoom:1
}
给元素设置浮动后，该元素会脱离标准流（不在占据原来的位置），导致其父元素没有被撑开，没有高度的div你设置背景颜色是不会起作用的。
1我寓此诗表真情
爱慕之心已动容
你若有意莫等闲
2
我情真挚赋诗篇
爱意延绵绕千年
你若仙女嫣然笑
3
我泛轻舟碧水间
爱意翩做春风舞
你可明我心一片
满意勿忘采纳，谢谢支持希望对您有所帮助！
以上内容纯手工敲打^_^
若没有问题请及时选为【满意答案】
如有不详之处可以继续向我【追问】
————————来自【忧乐美！】团队只为莫悠的回答！
