移動端開發過程中,底部固定定位經常會用到,如果有時候寬度是100%的話,就不涉及左右居中的問題,反之,就要注意左右居中的問題。
代碼如下:
.fixed{
position:fixed
bottom:0
left:0
right:0
margin-left:auto
margin-right:auto
}
有時候需要頁面彈框,然後要求彈框上下左右居中,這個彈框一般都是定寬定高的,對他固定定位,然後left和top分别50%,再設定margin-left和margin-top的值為負的彈框寬高的一半
例如:一個彈框寬高分别為3rem和5rem
.absolute{
position: absolute;
width: 3rem;
height: 5rem;
top: 50%;
left: 50%;
margin-top: -2.5rem;
margin-left: -1.5rem;
}
這樣就能實作上下左右居中了