关于width:100%对普通文档流中块级元素,浮动元素,绝对定位元素的影响问题!....希望各位能人壮士各显神通! -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

关于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 1979 0
0 条回答
写回答
取消 提交回答
问答排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载