【电商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;
}