overflow:hidden;清除浮动

html代码

<div class="header">
<h2>进口零食速食</h2>
<ul class="links">
<li><a href="javascript:void(0)">进口巧克力</a></li>
<li><a href="javascript:void(0)">张君雅小妹妹3.9元起</a></li>
<li><a href="javascript:void(0)">丹麦皇冠曲奇饼干</a></li>
<li class="last"><a href="javascript:void(0)">莱家 威化饼干</a></li>
</ul>

</div>

 

css代码

.header{overflow:hidden;padding:5px 0px 5px 5px;}
.header h2{color:#2f2f2f;font-size:30px;float:left;font-weight:700;}
.header .links{float:right;margin-top:12px;}
.header .links li{float:left;padding:0 1em;border-right:1px solid #e5e5e5;}
.header .links li.last{border:0;padding-right:0px;}
.header .links li a{color:#666;}

 

添加微信交流群（需加微信拉您进入）