在写代码的时候一定要注意顺序,因为代码一般是从上往下执行的,所以避免不了会出现性能的问题:
代码讲解实例:
.three {
position:absolute;
right:0px;
top:0px;
width:30%;
height:30%;
}
.three {
right:0px;
top:0px;
width:30%;
height:30%;
position:absolute;
}
我们看一下这两段代码有什么区别,很明显 position:absolute;一个写在最前面,一个写在最后面,而写在最前面的性能最高,这是为什么呢?
因为放在后面的话宽度和高度会渲染两次