css的一些零碎总结

个人的vue/angular网站开发，记得添加全局css【main.css或index.css】

* {
padding: 0;
margin: 0;
height: 100%;
font-size: 2.2vh;  /*or vw, viewport height|width*/
position: relative;
}

这里height是100%都是相对于父元素而言【父元素能确定具体大小情况下；和父元素是不是position: static没有关系】

这里注意height的百分比生效【不一定是height，width、margin等都是相对于父元素】，要求父元素有确定的height，即父元素的height比如值是px/vh这类的单位【当然如果父元素的父元素确定了大小，那么父元素用百分比也是来确定具体大小的（这里的最上层元素是html和body如果这两个设置了大小【这两个可以百分比相对于viewport确定具体大小】那么所有的子元素其实就都可以用百分比确定大小了）】

【所以HTML里的html和body默认情况下类似flutter里的根据子元素大小来确定大小】

font-size则可以根据情况看是用相对大小还是绝对大小【px】

配置上面的css有利于网站的整体一致性，需要padding等的元素再配置针对性的比较好；

position: absolute;也是相对于父元素【假设父元素不是static】可以做相对于父元素的“浮动”定位（fixed，absolute【通过left，right之类的相对父元素左上角定位】，relative）；fixed则可以相对整个页面左上角做浮动定位；

css的一些零碎总结

原文：https://www.cnblogs.com/silentdoer/p/15247117.html