CSS浮动的问题：如何让左浮动环绕一个右浮动

有一个显示跨×4高包裹在一个div从数据库4图像框。图像浮动到左侧，以便自动换行。但我想一个对象（DIV）添加到右上方，并有图像环绕（所以只有3中的第一行中，然后4每一行之后）。我尝试过使用浮动权，绝对，相对和没有得到它正确显示。CSS浮动的问题：如何让左浮动环绕一个右浮动

任何提示？

EDIT（CODE）：

我添加了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;

来源

2011-02-19 John

你应该包括示例代码:) – TNC 2011-02-19 03:56:19

而你尝试了`clear`财产？ http://www.w3schools.com/css/pr_class_clear.asp – TNC 2011-02-19 03:57:35

您可以简单地将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/

来源

2011-02-19 04:19:43

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

来源

2011-02-19 03:57:20

CSS浮动的问题：如何让左浮动环绕一个右浮动

回答

相关问题