<!DOCTYPE html><html><head><title>Width issue</title><style type="text/css">body { margin: 0;}#left { width: 50%; background: lightblue; display: inline-block;}#right { width: 50%; background: orange; display: inline-block;}</style></head><body> <div id="left">Left</div> <div id="right">Right</div></body></html>JSFiddle：http : //jsfiddle.net/5EcPK/上面的代碼試圖將#left div和#right div并排放置在一行中。但是，正如您在上面的JSFiddle URL中所看到的，情況并非如此。我能夠解決將div之一的寬度減小到49％的問題。參見http://jsfiddle.net/mUKSC/。但這不是理想的解決方案，因為兩個div之間出現很小的間隙。我能夠解決問題的另一種方法是通過同時浮動兩個div。參見http://jsfiddle.net/VptQm/。這很好。但是我最初的問題仍然存在。為什么當兩個div都作為內聯塊元素保留時，它們卻不能并排放置？
3 回答
慕桂英3389331
TA貢獻2036條經驗 獲得超8個贊
使它們阻塞而不是內聯塊。這將使div忽略它們之間的空間。
display:block;
或刪除標簽之間的空間
<div id='left'></div><div id='right'></div>
或添加
margin: -1en;
到div之一以減輕單個渲染空間占用的空間。
- 3 回答
- 0 關注
- 624 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消