HTML / CSS 定位問題：頁腳下方空間很大

Question

我有一個用 .png 圖像和-moz-border CSS 技巧（div id=gholder）制作的圖形的圖像表示 我希望將該圖形定位為圖片顯示的位置，我使用 CSS Z4757FE07FD492A8BEEEZEA 絕對/60FDrelative8標簽： ，但我在使用兩個標簽時遇到問題。 當我使用這個 CSS 代碼時

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

該網站在頁腳下方顯示了一個大空間，有沒有辦法在使用相關代碼時刪除那個大空間？

Answer 1

相對定位總是在元素最初所在的位置留下一個空間。 如果您使用絕對值，它應該可以正常工作。

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

您也不需要浮動標簽。

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

然后在該 div 中為您的內容 div 和 position 定義一個寬度，然后對圖形 div 執行相同的操作。

認為這是有道理的。