我目前正在用基本的html和css編寫一個網站,爲了讓它在那裏,我有一個寬度問題。我在做什麼寬度錯誤?
我將我的身體設置爲1086px寬度(我設計中元素的最大寬度)。
雖然我的電腦的顯示器寬1366px,但底部仍然有一個滾動條。無論如何解決這個問題?
溢出:隱藏不會工作,因爲較小的顯示器(1024px)將無法看到沒有滾動條的所有內容,因此可能需要它。
在此先感謝!
編輯:找到了解決辦法:
{
overflow-y: auto;
overflow-x: hidden;
}
我目前正在用基本的html和css編寫一個網站,爲了讓它在那裏,我有一個寬度問題。我在做什麼寬度錯誤?
我將我的身體設置爲1086px寬度(我設計中元素的最大寬度)。
雖然我的電腦的顯示器寬1366px,但底部仍然有一個滾動條。無論如何解決這個問題?
溢出:隱藏不會工作,因爲較小的顯示器(1024px)將無法看到沒有滾動條的所有內容,因此可能需要它。
在此先感謝!
編輯:找到了解決辦法:
{
overflow-y: auto;
overflow-x: hidden;
}
您應該在CSS文件中的元素刪除任何空白和邊距。
html, body, footer, header etc {
margin: 0;
padding: 0;
}
謝謝,它以某種方式修復它。我使用的是margin:auto;現在內容不再集中,我該怎麼辦? – user2241851 2013-04-03 18:56:34
有兩種不同的箱子模型。你有你的寬度+填充+邊距。使用CSS box-sizing屬性將您的框模型設置爲邊框。
body {
box-sizing: border-box;
}
在quirksmode.org你可以找到一些例子。
沒有工作:(我看到它說了什麼,它是有道理的,但我不知道它爲什麼沒有工作 – user2241851 2013-04-03 19:11:33
你試過瀏覽器特定的屬性嗎?'-moz-box-sizing'或'-webkit-box-sizing' for FF或Chrome/Safari? – David 2013-04-03 19:16:28
調整body
不是一種優雅的方式。你應該使用一個名爲wrapper的div容器而不是你調整你的包裝器。這也應該可以解決你的問題。
看一看這個的jsfiddle http://jsfiddle.net/EeJnN/
嘗試寬度100%... – 2013-04-03 18:49:57
你能發佈您的某些實際的CSS代碼? – 2013-04-03 18:49:58
請發佈顯示問題的[jsfiddle](http://jsfiddle.net) – Adrift 2013-04-03 18:51:08