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