CSS:；浮动：左“；不'；I don’我没有按预期工作

我想用“float:left”显示两列图像，我不知道为什么第三个图像在右边

请参见屏幕截图：

请参阅HTML：

       <div class="field-item odd">
                    <img alt="" class="filefield-imagecache-galleryImage" src="http://localhost/bernardi/sites/default/files/Picture%202.png" title=""><br>
<span>description1</span>        </div>
              <div class="field-item even">
                    <img alt="" class="filefield-imagecache-galleryImage" src="http://localhost/bernardi/sites/default/files/Picture%203.png" title=""><br>
<span>description2</span>        </div>
              <div class="field-item odd">
                    <img alt="" class="filefield-imagecache-galleryImage" src="http://localhost/bernardi/sites/default/files/Picture%204.png" title=""><br>
<span>description3</span>        </div>
              <div class="field-item even">
                    <img alt="" class="filefield-imagecache-galleryImage" src="http://localhost/bernardi/sites/default/files/Picture%205.png" title=""><br>
<span></span>        </div>

---

谢谢

它在右边，因为第一个房间旁边有房间

---

在要开始新行的每个元素上使用

clear:left

。

将

margin-bottom:2px

添加到第三个图像中，查看图像是否有任何位置。如果不是

页边距底部

，

页边距顶部

，则。

或者，您可以为每个

字段项

指定一个固定高度。尽管如果字体大小更改（即使字体更改（因为用户没有安装第一选择）到稍微不同的尺寸，这一高度往往会中断。

.field-field-image .odd {
padding-right:20px;
}
.field-field-image .even {
padding-left:20px;
}

.field-field-image .field-item {
float:left;
}