width初始值

01.width初始值 - 图1

参考MDN官方文档 https://developer.mozilla.org/zh-CN/docs/Web/CSS/width#规范

auto意思交给浏览器处理，值由浏览器决定。

width总结

  • 块级元素 未设置宽度时，宽度独占一行，初始值为auto，和浏览器窗口一样宽；
  • 块级元素 with:300px 包含块的值为300px，嵌套块级子元素默认宽度也为300px；
  • 行内级元素默认宽度由内容撑开决定；
  • 定位元素默认宽度由内容撑开决定；；

百分比(percentages)

width:100%; 百分之百继承父级的宽度

不是所有属性的百分比，都相对于父级元素，具体要查阅官方文档。

比如：translate属性百分比是相对于自身 transform: translate(-50%);