Div時，絕對定位，空白

<body> 
    <div id="wrapper"> 
     <div id="title"></div> 
     <div id="mainimage"> 
      <img src="mainimage.jpg" /> 
     </div> 
    </div> 
    <div style="width:50%;"> 
     content here... 
    </div> 
</body>

http://susiebushphotography.com/about.html Div時，絕對定位，空白

感謝社會各界在這裏即時通訊開始學習不使用絕對positioning-但這種佈局是由人做，我開始之前這裏 - 所以是有一個簡單的方法來刪除獅子下面的空白，所以我可以使用這個作爲關於頁面？或者我必須重做整個CSS佈局？

感謝

來源

2009-12-27 adam

客戶端想要它 – adam 2009-12-27 19:17:20

嘗試用這種替代原來除去獅子下面的空間，

#wrapper { 
    position:relative; 
    margin: 0 auto 0 auto; 
    width: 685px; 
} 

#title{ 
    position:absolute; 
    top: 15px; 
    width: 235px; 
    height:265px; 
    background-image:url(title.jpg); 
    background-repeat:no-repeat; 
    display:block; 
} 

#mainimage{ 
    position:absolute; 
    top: 15px; 
    left: 235px; 
    width: 450px; 
    height:265px; 
    display:block; 
}

這僅僅是一個和quickfix有點兒東西，周圍的工作。

注意：只在FF 3.5.6上試過。

來源

2009-12-27 08:05:29

更改css主文件或將其放在關於頁面的某個地方？如果我把它放在主文件中會影響其他頁面嗎？ – adam 2009-12-27 08:12:40

@adam：是的，只把它放在關於頁面標題。 – 2009-12-27 09:39:31

@gs謝謝 - 我將q標記爲已回答，並會嘗試繼續前進，但我不認爲它能夠正常工作，並且即時使用正確版本的FF 我將代碼原樣複製到標題中，然後添加了樣式標記上面和下面 - 都沒有改變任何東西 – adam 2009-12-27 18:48:28

Div時，絕對定位，空白

回答

相關問題