在受CSS设置影响之前，HTML元素有其原始的尺寸。
一个空的<div>是没有尺寸的。如果你在你的HTML文件中添加一个空<div> 并给予其边框
- width 和 height 属性设置大小。
- 百分比设置大小。对于一个处于另外一个容器当中的盒子，如果你给予了子盒子一个百分数作为宽度，那么它指的是父容器宽度的百分数。
- 把百分数作为内外边距。我们给了里面的盒子10%的margin以及10%的padding。盒子底部和顶部的内外边距，和左右外边距有同样的大小。
- min-和max-尺寸。我们可以让CSS给定一个元素的最大或最小尺寸。
- 视口大小。【例子】视口，即你在浏览器中看到的部分页面，也是有尺寸的。CSS中，与视口尺寸相关的度量单位，即意为视口宽度的vw单位，以及意为视口高度的 vh单位。使用这些单位，你可以把一些东西做得随用户的视口改变大小。
- 1vh等于视口高度的1%，1vw则为视口宽度的1%.
- 如果你改变了vh和vw的对应值，盒子和字体的大小也会改变；
- 视口大小的变化也会让它们的大小变化，因为它们是依照视口来定大小的。