處理界面詠歎調空間的問題

Question

在附圖中，我想刪除內容詠歎調左側的空間，頁面右側有相同的空間，界面的其餘部分跨越整個寬度但它並沒有跨越整個寬度。

我怎樣才能跨越它的整個寬度而不會干擾界面的上部分？

我有以下的css文件。

#logo { 
left:13px; 
top:-3px; 
position:absolute; 
z-index:2; 
} 
#heading { 
height: 150px; 
right: 0px; 
left: 0px; 
top: 0px; 
margin-bottom: 5px; 
background: #e8e8e8; 
position:absolute; 
z-index:0; 
} 
#upperMenu{ 
position:absolute; 
height: 25px; 
padding-top:2px; 
right: 0px; 
left: 0px; 
top: 105px; 
background: #e38217; 
position:absolute; 
z-index:1; 
} 
#content { 
right: 0px; 
left: 0px; 
border: thin solid lightGray; 
background: #F0F0F0; 
margin-top:150px; 
height:700px; 
padding-bottom: 20px; 
} 

Answer 1

很難給出準確的建議時，你只顯示你的CSS，而不是你的HTML，但我想說的直客，你使用太多的絕對定位。您應該嘗試使用邊距和填充來儘可能使用常規文檔流程來創建空間或將元素彼此移開。有時你也需要漂浮物，通常絕對定位是最後的選擇。

你也應該驗證你的CSS，因爲你有一些錯誤，例如爲不是位置相對或絕對的元素指定右值和左值。

您還應該小心指定固定的高度，而是讓元素的內容指示它或其父應該有多高。如果你指定了一個固定的高度，並且內容太長，它可能會溢出或隱藏，如果你設置了overflow：隱藏在父級上。