CSS盒子模型

边距合并：如果上面的设置外边距向下100像素，下面的设置外边距向上120像素，那么就会像素合并为最大的那个，是120像素。

box-sizing:border-box；如果给定了这个元素的大小，比如300px*300px，那么无论修改边框还是内边距，该元素的大小永远都是300*300。

一下图片是各种边框的用法：

 

 

display：block；块级元素

display：none；不显示。（并且空间位丢失）=>还有其他的方法隐藏元素但是不丢失空间位：visibility：hidden；和opacity：0；（透明度为0）

display：inline-block；行级块元素，与inline形成比较，inline没有办法修改宽高等属性。

`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````

如果div里面有文字，想让div自适应文字多少的宽高，设置方法：

width：fit-content；