Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap
这是一个创建于 2554 天前的主题，其中的信息可能已经有所发展或是发生改变。
普通状态下,似乎相对于父元素宽度计算
子元素加上 position:absolute 后,变成相对于父元素的 width + padding 了?
[示例]( http://htmlpreview.github.io/?https://github.com/Aaron-Bird/baiduIFE/blob/master/note/width100%25.html)
子元素加上 position:absolute 后,变成相对于父元素的 width + padding 了?
[示例]( http://htmlpreview.github.io/?https://github.com/Aaron-Bird/baiduIFE/blob/master/note/width100%25.html)
第 1 条附言 · 2017-11-12 02:42:18 +08:00
https://css-tricks.com/almanac/properties/w/width/#article-header-id-0
For absolutely positioned elements whose containing block is based on a block container element, the percentage is calculated with respect to the width of the padding box of that element.
For absolutely positioned elements whose containing block is based on a block container element, the percentage is calculated with respect to the width of the padding box of that element.
 |
1
oh 2017-11-12 01:30:17 +08:00  2
这是两个问题了。
一、默认状态下 width 100% 是相对于父元素的可用宽度，不含 padding。 二、加了 absolute 之后元素变成了 绝对定位，会一直向上寻找第一个非 static 的父元素（例如其它的 absolute 或 relative ），如果上级元素中都没有，那就是相对于 body 了，所以这时候搭配 width 100% 的话就是占据整个视图区域的宽度了。 |
Select Language