hotwords div盒子 里面写7个a,div 用定位来布局位置,a与a之间的距离用margin。
index.html
<header class="header w">
<!-- logo 模块 -->
<div class="logo">
<h1>
<a href="index.html" title="品优购商城">品优购商城</a>
</h1>
</div>
<!-- search 模块 -->
<div class="search">
<input type="text" placeholder="语言开发">
<button>搜索</button>
</div>
<!-- hotwords 模块制作 -->
<div class="hotwords">
<a href="#">优惠购首发</a>
<a href="#">亿元优惠</a>
<a href="#">9.9元团购</a>
<a href="#">美满99减30</a>
<a href="#">办公用品</a>
<a href="#">电脑</a>
<a href="#">通信</a>
</div>
</header>
<!-- 头部header end -->
common.css
/* hotwords 模块 */
.hotwords {
position: absolute;
top: 66px;
left: 347px;
}
.hotwords a {
margin: 0 10px;
font-size: 12px;
}
/* 头部header制作 end */