<li class="godadd"><a href="javascript:;">加入购物车</a></li>

</ul>

</div>

</div>

<div id="godcar">

<div class="dnum">0</div>

<div class="dcar">

<img src="http://www.mntuku.cn/uploadfile/logo/logo.png">

</div>

</div>

其 中 涉 及 到 一 个 知 识 点 ： 在

<li class="godadd"><a

href="javascript:;">加入购物车</a></li>中，我用到了 javascript:;

这个的意思表示不进行跳转，执行一个空事件。

第二步：进行外观设计，为了更好的显示，我将包含每个商品列表的

div 设置了 width 和 height,以及 border,值得注意的是，我为了让购物

车固定在某个位置，将其 position 设置为 fixed，然后通过设置 top 和

left 让其固定在你想要的位置上。另外，要学会灵活使用 margin 和

padding，让显示更美观。

注：如果想给行内元素设置 width 和 height 或者其他块级元素的属性，

那么需要设置 display:block 才可以。

具体设计代码如下：

* {

padding: 0px;

margin: 0px;

font-family: "微软雅黑";