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

Question

我正在学习如何使用 HTML 和 css，想在右侧的 menu1、menu2、menu3、menu 4 栏的正下方添加一个购物车，但不知道怎么做，我正在尝试做一个 .在 css 中的描述定义但没有运气我有一个模拟，当然我不能上传图像文件夹中的图像...... http://cssizer.com/build/preview/wzNqVAyI 这里是源 http： //cssizer.com/JKQLGFIM

所以我试图让描述定义出现在菜单栏的正下方，然后是购物车的图像，但不知道如何定义好，我应该如何修改代码以获得这样的东西

代替

Answer 1

嗨，现在添加overflow:hidden您的#nav id

像这样

#nav{
overflow:hidden;
}

*结果是*

Answer 2

如果您想在网站右侧添加购物车图标，请听 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;} 

猜猜它对你有帮助。