天天看點

CSS利用盒模型實作固定定位的效果(小技巧)

(用JS會比較容易,盒模型也可以實作)
 **布局的公式:**left + margin-left + width + margin-right + right = 視口的寬度
 1)right如果寫死,視口的寬度會變,其他的也會相應調整
 left自動,視窗變大,left就會自動調整,right永遠是寫死的那個大小
 2)right=50%,将right的值設為視口寬度的50%
 無論你的視口多寬多窄,元素永遠在中間,也就是50%
 如果想讓left的值增大,可以讓margin-left或margin-right縮小