2013-04-03 77 views
1

我目前正在用基本的html和css編寫一個網站,爲了讓它在那裏,我有一個寬度問題。我在做什麼寬度錯誤?

我將我的身體設置爲1086px寬度(我設計中元素的最大寬度)。

雖然我的電腦的顯示器寬1366px,但底部仍然有一個滾動條。無論如何解決這個問題?

溢出:隱藏不會工作,因爲較小的顯示器(1024px)將無法看到沒有滾動條的所有內容,因此可能需要它。

在此先感謝!

編輯:找到了解決辦法:

{ 
overflow-y: auto; 
overflow-x: hidden; 
} 
+0

嘗試寬度100%... – 2013-04-03 18:49:57

+6

你能發佈您的某些實際的CSS代碼? – 2013-04-03 18:49:58

+0

請發佈顯示問題的[jsfiddle](http://jsfiddle.net) – Adrift 2013-04-03 18:51:08

回答

0

您應該在CSS文件中的元素刪除任何空白和邊距。

html, body, footer, header etc { 
margin: 0; 
padding: 0; 
} 
+0

謝謝,它以某種方式修復它。我使用的是margin:auto;現在內容不再集中,我該怎麼辦? – user2241851 2013-04-03 18:56:34

0

有兩種不同的箱子模型。你有你的寬度+填充+邊距。使用CSS box-sizing屬性將您的框模型設置爲邊框。

body { 
    box-sizing: border-box; 
} 

quirksmode.org你可以找到一些例子。

+0

沒有工作:(我看到它說了什麼,它是有道理的,但我不知道它爲什麼沒有工作 – user2241851 2013-04-03 19:11:33

+0

你試過瀏覽器特定的屬性嗎?'-moz-box-sizing'或'-webkit-box-sizing' for FF或Chrome/Safari? – David 2013-04-03 19:16:28

0

調整body不是一種優雅的方式。你應該使用一個名爲wrapper的div容器而不是你調整你的包裝器。這也應該可以解決你的問題。

看一看這個的jsfiddle http://jsfiddle.net/EeJnN/