计算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％）实际上是可见的。