制作專題:http://g.made-in-china.com/special/xyxmiandan
1、div撐滿整個屏幕
除了static和inherit之外,都可以實現窗口自適應
.div{
????width:100%;
? ? height:100%;
?????position:absolute;
}
或者
.div{
background:rgba(0,0,0,0.4);
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
}
2、postion & transform:translate(-50%,-50%) 實現塊元素百分比上下居中
.div{
position:absolute;
left:50%;
top:50%;//針對父元素移動,但代碼到這邊,不居中
transform:translate(-50%,-50%) ;.
//transform里面是百分比數據,會以本身的長寬做參考。子div的上中心點會移動到父級div的中心點
}