位置相对重叠浮点数：左 -

Question

http://klarbild.probiermau.ch/static/index.html

我有蓝色的方块向左浮动。 我有一个橙色框 - 位置：相对。

橙箱子应该放里面的浮动蓝箱子，不重叠它们。 所以蓝色方块应该漂浮在左右橙色方块。

这可能吗？提示？

编辑： 我想只能通过使用CSS来改变橙色框的位置。蓝色的盒子应该总是漂浮在橙色的盒子周围。不要在橙箱后面隐藏“隐藏”。

非常感谢

Answer 1

提示：改变橙色框的位置和它漂浮到右（不position : relative）

看到这个例子小提琴：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; 
}