Question

我正在使用maximus主题。这是我的网站类别页面 Category 。我用一些css tweek改变了布局。我得到了我想要的方式。但是第三个帖子itrem与左边对齐。然后接下来的两个显示再次正确第三个向右移动。我知道这不是正确的方式..但至于时间我想让它像这样工作我不知道是什么问题。

这是我给出的css

.category .span12 .row-fluid:nth-of-type(2),
.category .span12 .row-fluid:first-child {
    width:100% !important;
    float:left;
}

.category .span9 .row-fluid {
    width:47% !important;
    float:left;
    padding-left: 10px;
}

.category .blog-content {
    display:none;
}

请帮助

Answer 1

内容块的高度不同。因为第一个块比较大，所以第二个块看到右侧页面上有空间。它会阻挡你的位置。

您可以通过多种方式解决此问题。

只需给所有积木标准高度。

例如：

.category .span9 .row-fluid {
    float: left;
    min-height: 195px;
    padding-left: 10px;
    width: 45% !important;
}

使用（pinterest like）砌体javascript：http://masonry.desandro.com/
在javascript中计算商品（每对情侣）的高度。并给他们两个最大块的高度。

希望这能解决你的问题。

Answer 2

它有效

.category .span9 .row-fluid {
    float: left;
    min-height: 195px;
    padding-left: 10px;
    width: 45 % !important;
}

类别页面设计问题

2 个答案: