Question

我怎样才能＆＃34;漂浮＆＃34;这些图像框自动在上面的图像下？它基于Wordpress，自制主题。它基于响应式网格系统。

现在看起来像这样：

！now 1

应该是这样的：

！2之后

＆＃13;

<div class="section group">
<div class="col span_1_of_3">
Div 1
</div>
<div class="col span_1_of_3">
Div 1
</div>
<div class="col span_1_of_3">
Div 1
</div>
</div>
<div class="section group">
<div class="col span_1_of_3">
</div>
.....

＆＃13;

.section {
    clear: both;
    padding: 0px;
    margin: 0px;
}

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.col:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }
}

.span_3_of_3 {
    width: 100%; 
}

.span_2_of_3 {
    width: 66.13%; 
}

.span_1_of_3 {
    width: 32.26%; 
}

@media only screen and (max-width: 480px) {
    .span_3_of_3 {
        width: 100%; 
    }
    .span_2_of_3 {
        width: 100%; 
    }
    .span_1_of_3 {
        width: 100%;
    }
}

＆＃13;

Answer 1

在css文件中设置图片样式并提供

显示：内联块; 财产或者请分享您的代码片段，以便我可以为您提供更多帮助。感谢

Answer 2

<div class="section group">
<div style="height:150px;" class="col span_1_of_3">
Div 1
</div>
<div style="height:150px;" class="col span_1_of_3">
Div 1
</div>
<div style="height:180px;" class="col span_1_of_3">
Div 1
</div>
</div>
<div class="section group">
<div style="height:150px;" class="col span_1_of_3">
</div>
.....

它不是那种有效的方法，但它是有效的其他选择是使用javascript函数，将高度分配给每个框等于它包含的内容。

如何将图像浮动到上面的图像

2 个答案: