水平滾動條CSS

我有一個問題，我以前從未有過，直到這個網站，我無法弄清楚問題。水平滾動條CSS

我使用100％寬度的包裝設計我的網站;和一個容器設置爲960像素，邊距爲'0 auto'以將容器居中。

大部分時間（和這個一樣）我有一個頭包裝器/容器，主要內容包裝器/容器和頁腳包裝器/容器。

此外，我的身體設置爲100％的寬度和高度。

問題是我的標題包裝引起了一個非常小的滾動發生，當我向右滾動查看時，頁面的整個右側似乎有20像素的邊距。

我似乎沒有得到鉻，只是IE和Firefox的問題。

我的CSS在開始時用這種清零：

body { 
float: left; 
font-family: 'Verdana', 'Arial'; 
background: #E3E3E3; 
width: 100% ; 
height: 100%; 
color: #5B5B5B; 
}

我有點不好意思問這是CSS錯誤通常是：

body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
margin: 0; 
padding: 0; 
}

爲我的主體樣式設置微風輕拂，但我不知道這一點。至於其他包裝，如我所說，他們都設置爲：

wrapper { float: left; width: 100%; height: 100%;} 
content {width: 960px; margin: 0 auto; }

任何想法？這讓我瘋狂！

來源

2011-08-04 Dan

如果你可以發佈你的html以及如果你也可以讓一個http://jsfiddle.net複製這個問題，這將使它更容易幫助。 – tw16

我知道這不是一個很好的問題，我只是不想過多地加載代碼。我不確定有多少HTML有助於說實話，我所有的樣式都在CSS中。 – Dan

試試'* {margin：0;填充：0;}'而不是？ –

嘗試重置您的CSS第一。這是我用來啓動我的主樣式表：

* {margin:0;padding:0;outline:0;border:0; 
-webkit-font-smoothing: subpixel-antialiased !important; text-rendering:optimizeLegibility;} 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, 
samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, 
td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video 
{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

您需要重置樣式，然後才能對此類錯誤進行故障診斷。然後，它是一件輕而易舉的事......

來源

2011-08-04 19:34:27

使用'*'來定位所有這些屬性是一個非常糟糕的主意。例如，如果您從表單元素中刪除邊框，則以後在CSS中不能重新創建它們的默認樣式。 – tw16

不僅如此，但它傷害性能 – leopic

嗨喬，它重置在開始。不是*，但所有邊距和填充在開始時都設置爲零。謝謝 – Dan

由於導致滾動條是空的空間，你可以只強制該條從不顯示滾動條with--

overflow: hidden;

然後你就可以得到與項目&稍後再回來弄清楚是什麼導致它如果你想。

來源

2011-08-04 19:48:56 Forrest

嗨福雷斯特，燁我知道我可以做到這一點（和我有），但我需要得到它現在排序。還是）感謝你的建議：） – Dan

水平滾動條CSS

回答

相關問題