宽度100%总结

对于这么一部分内容，如果理解透彻，可以更容易的控制布局，节省写代码的时间。

一.行内元素（内联元素）和块元素
1.行内元素的宽度由自身内容撑开
2.块级元素会自动继承父级块元素宽度的100%
注意：
这里解释不够清楚，这里的100%要理解透彻，这个100%是子元素盒模型所占的宽度，实际上，子元素的盒模型宽度是：
父元素宽度-父元素padding
子元素内容宽度=子元素盒模型宽度-子元素margin值-子元素border值-子元素padding值
利用这种特性可以做简单的自适应宽度布局

二.子元素有浮动定位和绝对定位的情况
如果子元素有浮动定位和绝对定位，那么它脱离了文档流，就不会继承父元素的100%宽度，要自己手动设定

三.子元素设置相对行为
这个时候子元素并没有脱离文档流，它会默认继承父元素宽度的100%

四.小细节
父元素脱离文档流对以上属性的继承没有影响，该怎样还是怎样。