开发者社区 问答 正文

关于width:100%对普通文档流中块级元素,浮动元素,绝对定位元素的影响问题!....希望各位能人壮士各显神通!

screenshot

<div class=”parent”>
    <div class=”side”>侧栏</div>
    <div class=”main”>主栏</div>
</div>

两栏间距为10px。

关于width:100%的探究与问题:
经过网上查阅资料返现,width:100%指的是:其父元素content区的width*100%,测试了一下:
⑴普通文档流中的元素:
在普通文档流中的元素div[class=side]和div[class=main],在设置了width:100%后,宽度为父元素宽度(即行高):
screenshot
screenshot
可以看到,设置了position:absolute的div[class=main]元素右边超出去了!!它的宽度并没有随着父元素content区的减小而减小

展开
收起
杨冬芳 2016-06-03 16:50:40 2458 分享 版权
0 条回答
写回答
取消 提交回答
问答地址: