使main水平居中在瀏覽器中央，并且與左右div有10px的間距
.main{ height:600px; margin:0 310px 0 210px; background:#9CF}
310和210怎么算出來的？
qq_飛翔的烤肉_0
2016-08-19
4 回答
舉報
0/150
提交
取消
2016-09-05
因為左右兩個div設置為了絕對定位，所以具有z-index屬性（具有覆蓋效果），所以要想使main水平居中在瀏覽器中央，并且與左右div有10px的間距，需要將margin-left的值和margin-right的值分別加10px。
2016-08-22
是根據左右兩個div設置的寬度來定的，你中間這個div是一個盒子元素，它的margin值就是相對于瀏覽器的邊框來設置的，嗯就是這樣子了，望采納！
2016-08-19
這個main定位在中間是相對于瀏覽器而言，main離瀏覽器左邊是210px（200+10,200是left的寬度），離右邊是310px（300+10，300是right的寬度）。程序中margin是相對于瀏覽器的距離，不是相對于另外兩個塊元素的距離
2016-08-19
左側div寬度：200px ?右側div寬度：300px;
所以,如果設置main水平居中，且和左右div“無縫隙”，則 margin-left值為200px, margin-right值為300px;
那么為了和左右div有10px間距，則margin-left的值和margin-right的值分別加10px即可