http://klarbild.probiermau.ch/static/index.html
我有蓝色的盒子向左浮动。 我有一个橙色盒子 - position:relative。
Orange Box 应该放在 float 的蓝色框内部,不与它们重叠。 所以蓝色框应该漂浮在周围橙色框。
这可能吗?提示?
编辑: 我希望能够仅通过使用 css 来更改橙色框的位置。蓝色框应始终漂浮在橙色框周围。没有蜜蜂“隐藏”在橙色盒子后面。
非常感谢
最佳答案
提示:改变橙色框的位置并向右浮动(没有position : relative
)
请参阅此示例 fiddle :http://jsfiddle.net/4Bber/1/
代码:
<div class="wrapper">
<div>blue 1</div>
<div>blue 2</div>
<div>blue 3</div>
<div>blue 4</div>
<div>blue 5</div>
<div>blue 6</div>
<div id="orange"></div>
<div>blue 7</div>
<div>blue 8</div>
<div>blue 9</div>
<div>blue 10</div>
<div>blue 11</div>
<div>blue 12</div>
<div>blue 13</div>
<div>blue 14</div>
</div>
CSS
.wrapper { width: 440px; }
.wrapper div {
width : 100px;
height : 100px;
background : blue;
float : left;
margin : 0 0 10px 10px;
color : #fff;
}
#orange {
background : orange;
width : 210px;
height : 210px;
float : right;
}
关于css - 位置相对重叠 float :left -,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10553287/