张晋悦的博客

CSS 外边距(margin)重叠及防止方法 两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去绝对值最大的负边界。注意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。 但是边界的重叠也...

通过添加父元素的伪元素:before{content:’’;display:inline-block;veralign:middle;height:100%}子元素{display:inline-block;veralign:middle;height:auto;}可以实现高度自适应并且上下居中...

fill-available表示撑满可用空间（包括高度，宽度）[此处包括padding和margin会尽可能的撑满，只对于行内块（inline-block）和块元素（block）起作用，webkit内核支持。]fit-content表示宽度缩小到内容的宽度max-content表示用内部元素宽度值最大的那个元素的宽度作为最终容器的宽度。min-content表示用内部元素最小宽度值最大的那...