嘗試這樣的系統(tǒng):
.container { width: 80%; height: 200px; background: aqua; margin: auto; padding: 10px; } .one { width: 15%; height: 200px; background: red; float: left; } .two { margin-left: 15%; height: 200px; background: black; }
如果您在另一個(gè) div 上使用 margin-left 等于第一個(gè) div 的寬度,則只需浮動(dòng)一個(gè) div 即可。無論縮放多少,這都可以工作,并且不會(huì)出現(xiàn)子像素問題。
將此 CSS 用于我當(dāng)前的網(wǎng)站。效果完美!
#sides{ margin:0; } #left{ float:left; width:75%; overflow:hidden; } #right{ float:left; width:25%; overflow:hidden; }