width：100%和width：auto的区别

本文主要是介绍width：100%和width：auto的区别，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

width属性100%和auto的区别

1.width：100%

100%表示子元素的宽度和父元素的宽度相等，其中并不包括子元素内外边距以及边框的值，为子元素真正的宽度

2.width：auto

auto表示子元素的 宽度+内边距+外边距+边框 才等于父元素的宽度

注意：上述父元素的宽度都是父元素真正的宽度，即父元素width属性值


当父元素width值为500px的时候（不论父元素是否有内外边距以及边框），示例如下：

• width为100%的子元素：
  

• width为auto的子元素：
  

这篇关于width：100%和width：auto的区别的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---