新增保證金HTML

在HTML中，我嘗試製作頁腳，但是每次執行此操作時，都會在左側添加頁邊距。新增保證金HTML

enter image description here

這是我的頁腳代碼;

<div id="footer"> tester </div> 
    #footer { 
    background-image: url(images/backgroundrpatternfooter.png); 
    background-repeat: repeat; 
    position : absolute; 
    bottom : 0; 
    height : 40px; 
    width : 1800px; 
    margin: 0; 
    }

來源

2014-08-29 Nick

可能這個'footer'包裹在另一個div上，有一些'margin：left'加入。 – 2014-08-29 10:01:29

重新創建[jsFiddle]（http://jsfiddle.net）。它將幫助其他人更好地進行調試。 – 2014-08-29 10:05:12

嘗試添加一個額外的屬性到你的頁腳css'clear：both;'而不是使用div與id頁腳直接使用'

-2

你的CSS表示固定的1800px但因爲你的元素絕對定位，你需要添加一個margin-left或left屬性來指定元素應該從（margin-right和right也可以）進行定位。

你想讓你的元素居中嗎？嘗試使用

left: 50%

來實現這一點。

此外，嘗試添加

left: 0;

，看看能否消除你處理的差距。

（這個差距可能是由於你的元素比1800px寬）。

來源

2014-08-29 10:04:06 erlingormar

您的問題不在於頁腳div，而是在body之內。該body元素具有8像素的默認保證金（可能取決於您使用的瀏覽器），所以你需要將body的邊距設置爲0這樣的：

body { 
    margin: 0; 
}

Working example.

我會也喜歡建議您考慮使用footer元素而不是使用div作爲頁腳，但爲了這個目的，它被添加到HTML5中！

我希望這會有所幫助，祝你好運！

來源

2014-08-29 10:21:39

<div id="footer"> tester </div> 
#footer { 
    background-image: url(images/backgroundrpatternfooter.png); 
    background-repeat: repeat; 
    position : absolute; 
    bottom : 0; 
    height : 40px; 
    width : 1800px; 
    margin: 0; 
    **left:0;** 
}

嘗試添加左：0 ;,如果仍然無法檢查您的繼承CSS。

來源

2014-08-29 10:29:54

新增保證金HTML

回答

相關問題