美文网首页
width:auto深入理解

width:auto深入理解

作者: 瓜田猹 | 来源:发表于2018-04-16 15:31 被阅读8次

官方文档显示width没有继承属性, 既然这样,那为什么父块元素设置宽度,子块元素没设置宽度时,子元素的宽度等于父元素宽度!!!

一、四个理论

1. 某div不显示设置宽度,那么width为auto(默认值).

2. 某div的width在默认情况设置的是盒子模型中content的值

3. 某div的width为100%表示的是此div盒子内容部分的宽度为其父元素的宽度。

4. 某个div的width不设置,或者设置为auto,那么表示的这个div的所有部分(内容、边框、内边距等的距离加起来)为父元素宽度

居于以上可知width并没有继承属性,只是它的默认值是auto
参考: width为auto或者100%的区别

相关文章

网友评论

      本文标题:width:auto深入理解

      本文链接:https://www.haomeiwen.com/subject/igrekftx.html