-1

我在编辑 zenshop 主题的 CSS 时遇到问题。在主页上有一个 4X2 网格中的产品展示,但由于我有 6 个主要类别的产品,我想将其设为 3X2,但我无法做到这一点,请帮助。我的网站http://ruchitraders.com

我正在尝试修改以下代码

#shelf {
width: 980px;
margin: 0px auto;
padding:0px 10px;
}

.box {
width: 220px;
position:relative;
background: #fff;
margin: 30px 0px 30px 20px;
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
-webkit-box-shadow: 1px 1px 0px 0px #ddd;
-moz-box-shadow: 1px 1px 0px 0px #ddd;
box-shadow: 1px 1px 0px 0px #ddd; 

}

.lastbox{
float:right;
margin-right:20px;
}


.productshot{
width:170px;
height:200px;
margin:10px 25px 10px 25px;
}

.boxtitle {

}

.boxtitle h2 {
font-size: 12px;
margin: 0px 10px;
padding: 15px 10px 10px 15px;
text-align: center;
font-weight: normal;
line-height: 120%;
border-bottom:1px solid #eee;
}

.boxtitle h2 a:link,.boxtitle h2 a:visited {
color: #666;

}

请帮助我是 php 新手。

4

1 回答 1

0

只需将 .box 的宽度更改为 300px 并相应地调整边距。

您有一个 .lastbox 类,它将移至第三个框和第六个框。

还要删除您位于 LI 元素中间的清晰 div,因为 DIV 不能是 UL 的子元素。

如果您需要清除浮动添加“溢出:隐藏”到#home-content

于 2013-03-28T16:55:51.643 回答