如何在页面右侧显示购物车

时间:2012-10-31 07:11:07

标签: html css

我正在学习如何使用HTML和CSS,并希望在右下方添加购物车 menu1,menu2,menu3,menu 4 bar,但不知道怎么做,我试图在css中做一个.description定义,但没有运气我有这个模拟,当然我不能上传图像是在图像文件夹... http://cssizer.com/build/preview/wzNqVAyI 这是源头 http://cssizer.com/JKQLGFIM

所以我试图让描述定义出现在菜单栏的下方,然后是购物车的图像,但不知道如何定义它,我应该如何修改代码来获得类似的东西< / p>

enter image description here

而不是

enter image description here

2 个答案:

答案 0 :(得分:1)

您好现在在overflow:hidden

中添加#nav id

就像这样

#nav{
overflow:hidden;
}

*result is *

答案 1 :(得分:1)

如果您想在网站右侧添加购物车图标,请听到html代码。

<div id="head">
<div id="head-one">
<h1>TOM TOC</h1>
<h2>Slogan de </h2></div>
<div id="head-two"><img src="http://c.dryicons.com/images/icon_sets/stickers_icon_set/png/64x64/shopping_cart.png" /></div>
<div class="clear"></div>
</div>

听到css代码。

#head-one{float:left; width:700px;} 
#head-two{float:right; width:70px;} 
.clear{clear:both;} 

猜猜它有帮助你。