什麼是造成頂部和底部的空白？

爲我的背景圖片添加了一個新的div類後，頂部，底部和頁面菜單變爲白色。 的style.css什麼是造成頂部和底部的空白？

#boundless{ 
    background-image:url('http://thehypebr.com/wp-content/uploads/2010/09/boundless-sem-branco-2.jpg'); 
    background-repeat:no-repeat; 
    background-attachment:fixed; 
    line-height:20px; 
    font-size:14px; 
    font-family:"Trebuchet MS"; 
    margin:0 
}

的index.php

<body> 
    <div id='boundless' onclick='window.location.href="http://boundlessny.com/clothing"'>

來源

2010-09-23 pmchrislee

天啊！請正確格式化您的代碼（縮進四個空格）。除此之外，這是很多代碼（並且標記似乎已經丟失，無論如何）。 – jwueller 2010-09-23 13:34:52

Aua。 Augenkrebs。 – 2010-09-23 13:34:56

你添加了哪個選擇器？相關的HTML在哪裏？此外，一個現場示例在這裏會更有益處。要求我們瀏覽大量的代碼並不是很公平！幫助我們來幫助你:) – Kyle 2010-09-23 13:35:58

使用螢火蟲，我發現這個問題可以通過線路16在style.css中引起：

margin:165px auto 20px;

如何調試此類問題ms：

考慮可能的原因，請在以下各項之後重複此步驟。
通過對有問題的部分打開文本菜單（在這種情況下，空白底部）打開螢火蟲，並選擇Inspect Element
查找懸停在節點，以查看其覆蓋其中發生問題的地方。我現在感覺可能的原因是邊緣，填充或寬度的不正確使用。
通過查看右窗格中的選項卡Style來隔離CSS /元素。如果需要，展開一個節點。
禁用或更改CSS屬性的值以查看它是否實際上導致問題。

來源

2010-09-23 13:46:18 Lekensteyn

雖然我不知道這是否回答了這個問題，但我只是想把你投票給你，因爲你的回答非常好，很清楚，給了我心靈的平靜。此外，+1使用Firebug的一些無法識別的問題... – 2010-09-23 13:51:59

在你的style.css，你有許多#xxxxx與

background-color:white; and background-color:#fff;

例如：#wrapper2有。

它正在做你告訴它做的事情。

來源

2010-09-23 13:51:22

什麼是造成頂部和底部的空白？

回答

相關問題