2011-08-11 107 views
0

我有一個用.png圖像和-moz-border css技巧製作的圖形圖像表示(div id=gholder)我希望將該圖形定位爲圖片顯示的位置,並且我使用css位置來完成它:絕對/相對標籤,但我有使用這兩個標籤的問題。當我使用這個CSS代碼HTML/CSS定位問題

#gholder { 
    float: left; 
    bottom: 460px; 
    left: 60%; 
    position: relative; 
} 

該網站顯示頁腳下方的大空間,有沒有辦法使用相對碼時,除去大的空間?

+0

請檢查此鏈接... http://www.sitepoint.com/forums/css-53/space-problem-between-content-divs-footer-below-footer-648659.html –

回答

0

相對定位總是留下元素原來的空間。如果你使用絕對值,它應該正常工作。

`#gholder { bottom: 460px; left: 60%; position: absolute;}` 

您也不需要浮標。

如果問題是您希望主要內容div行拉伸到兩個div的寬度,我會創建一個div,其中包含內容和圖形,並將其設置爲定義的寬度並使其具有頂部和底部的線。

然後在那個div裏爲你的內容div定義一個寬度並定位它,然後對圖div做相同的操作。

認爲這是有道理的。