AUTO与100%的分别

2020-12-10 CSS3 | 本篇文章共78字，预计阅读1分钟

文章目录

1. width:auto or width:100%

`width:auto` or `width:100%`

`width:auto`

1
2
3

width:auto;
height:100px;
padding:0px 20px;

`width:100%`

1
2
3

width:100%;
height:100px;
padding:0px 20px;

比较

auto默认宽度自适应整个视窗，内边距部分则是从中减去。有点类似于 border-box 的感觉
100%其实是个固定的宽度值，内边距在此基础上增加。

本文作者： moofing

本文链接： https://moofing.gitee.io/posts/4ec81550.html

版权声明：本文采用 CC BY-NC-SA 4.0进行许可，转载或引用时请遵守该协议

更新于 2020-12-10

栅格响应式工具

栅格系统盒模型分析