計算DIV旁邊的百分比寬度浮動元素

Question

實際上，我無法想象引擎如何計算從that fiddle

它實現了更預期的行爲時float:left或float:right屬性添加UPS，以CSS樣式段的寬度。

Answer 1

我期望它是70%，加起來30%的aside。但讓我吃驚100%似乎這樣的伎倆：

http://jsfiddle.net/wRg4a/1/

的部分實際上是重疊的左側漂浮aside元素。的部分移動（縮小），但該元素本身的內容並不：

你可以看到，當您添加了CSS的吧：

border: 5px solid red; 
z-index: 2; 
position: relative; 

http://jsfiddle.net/wRg4a/1/

所以50％是身體總寬度的50％。 100％是身體總寬度的100％。但是身體寬度的30％也是由旁邊的，所以如果你指定了50％的部分，那麼實際上只有2/5（=身體寬度的20％）實際上是可見的。