關于三列布局
使main水平居中在瀏覽器中央,并且與左右div有10px的間距
.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}
.main{ height:600px; margin:0 310px 0 210px; background:#9CF}
.right{ height:600px; width:300px; position:absolute; right:0;top:0;background:#FCC;}
為什么要寫margin:0 310px 0 210px; ?呢,不太懂,求高手指教
2015-12-07
如上圖所示的三列布局,右邊right寬度為300px,則中間main距離窗口右邊的距離為300px才能剛好不覆蓋在right圖片上,又要與右邊距離10px,則其距離瀏覽器右邊框的距離為310px;左邊同理,希望可以幫助你理解
2015-12-05
因為你左邊有以個 left 占據了 200寬度, 210px 是為了不覆蓋到左邊的容器。并且多出的10px是間距,同理右邊