.wrap{
????clear:both;
????float:left;
????position:relative;
????left:50%;
????border:2px?solid?green;
}
.wrap-center{
????
????position:relative;
????right:50%;
????border:3px?solid?red;
????
????
}為何在父元素.wrap中，當(dāng)position設(shè)置left值為50%的時候，實(shí)際（圖中綠色框）會在瀏覽器窗口居中偏右的位置？而是需要在子元素.wrap-center的position屬性設(shè)置right=50%或者left=-50%才能使其居中。
2 回答
qq_天啊下雪_0
TA貢獻(xiàn)13條經(jīng)驗(yàn) 獲得超3個贊
.wrap也是有寬度的，left設(shè)置為50%的意思就是這個元素的最左邊是left 50%，所以還需要margin-left: (-寬度/2)px才行;
給定寬度的話，直接margin auto最簡單
添加回答
舉報
0/150
提交
取消