计算浮动元素旁边的div的百分比宽度

时间:2014-03-25 21:14:13

标签: html css css-float

我实际上无法想象引擎如何从that fiddle

计算SECTION的宽度

float:leftfloat:right属性添加到css样式时,它会实现更多预期的行为。

1 个答案:

答案 0 :(得分:0)

我希望它是70%,以加起来30%的{​​{1}}。但令我惊讶的是aside似乎可以解决问题:

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

该部分实际上与左浮动100%元素重叠。该部分的内容移动(缩小)但元素本身不移动:

当您向其添加一些CSS时,您可以看到:

aside

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

所以50%是身体总宽度的50%。 100%是身体总宽度的100%。但是身体宽度的30%也是旁边的,所以如果你指定50%的部分,那么实际上只有2/5(=身体宽度的20%)实际可见。