位置相對重疊浮點數：左 -

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; 
}