Question

有一个框，用于显示包含在数据库4中的div中的图像，横跨x 4高。图像浮动到左侧，因此它们会自行换行。但我想在右上角添加一个对象（一个div）并让图像环绕（所以第一行只有3个，之后每行只有4个）。我尝试过使用float，absolute，relative，没有任何东西能让它正确显示。

任何提示？

编辑（代码）：

我首先添加div然后添加图像，发生的情况是div会将图像推到第4个点，然后不会包裹它。

这是我的目标：

| Image(in div)  Image(in div)   Image(in div)    Div   |
| Image(in div)  Image(in div)   Image(in div)    Image(in div) |
| Image(in div)  Image(in div)   Image(in div)    Image(in div) |
| Image(in div)  Image(in div)   Image(in div)    Image(in div) |

图片：

position:relative;
float:left;
height:200px;
width:200px;

股利：

position:relative;
float:right;
height:200px;
width:200px;

Answer 1

您只需将div放在所有图像的前面，然后将其浮动到右侧：

#right {
    width: 200px;
    float: right;
}

使用此HTML：

<div id="right">
    Some text, content. </div>

<img src="http://placehold.it/200x200" alt="" />
<img src="http://placehold.it/200x200" alt="" />
[...]

通常不需要在此处浮动img元素，因为它们已经是内联元素。在此处观看此活动：http://jsfiddle.net/wQfAc/

Answer 2

很难说没有看你的HTML和CSS，但作为一般提示，你尝试渲染div，你在所有图像之前首先在你的HTML中浮动？

css浮动问题：如何让左浮动环绕右浮动

2 个答案: