css元素高度加减法 |css3基本选择器的优先级

// 给元素设置一个固定高度
height: 100px;
// 给元素设置一个最小高度
min-height: 50px;
// 给元素设置一个最大高度
max-height: 200px;
// 让元素高度与宽度相等，可以实现正方形效果
height: 50vw;
// 让元素高度自适应内容高度，不过要注意IE6、IE7不支持
height: auto;
// 让元素高度等于父元素的高度
height: 100%;
// 给元素的高度加上50px，可以使用calc函数进行计算
height: calc(100px + 50px);
// 计算总高度，并设置上边距和下边距
height: calc(100vh - 80px);
margin-top: 30px;
margin-bottom: 50px;

个人认为，灵活运用CSS的元素高度加减法，可以实现各种不同的页面效果，同时也能提高页面的响应性和兼容性。