【电商4】header hotwords
-
多者并列用li,再指定 这部分的li为float left;
【电商1】中使用过同样的手法
html
<div class="hotwords">
<ul>
<li><a href="#" class="style_red">优惠购首发</a></li>
<li><a href="#">亿元优惠</a></li>
<li><a href="#">9.9元团购</a></li>
<li><a href="#">美满99减30</a></li>
<li><a href="#">办公用品</a></li>
<li><a href="#">电脑</a></li>
<li><a href="#">通信</a></li>
</ul>
</div>
common.css
.hotwords {
position: absolute;
top: 66px;
left: 346px;
}
.hotwords li {
float: left; /*多者并列用li,再指定 这部分的li为float left*/
margin: 0 10px;
}