圍繞嵌套的div
回答
要居中<div class="main">
主寬度(和它是一個class
- 這意味着它的.main
,不是#main
- 您的HTML和CSS在這一點上並不認同):
- 將
margin: 0 auto; width: 1020px
加到.main
。1020px
是在這裏使用的正確數字。 - 您還需要從
body
中刪除width: 100%
,否則您的居中將不準確。 - 您還應該從
body
刪除overflow: hidden
,否則您的網頁上無法滾動。
最後,添加適當的doctype作爲第一行,或者你的網頁是在Quirks Mode,你會特別有很大問題與Internet Explorer:
<!DOCTYPE html>
我不是確定你的頁腳應該做什麼。
首先,確保你有正確的文檔類型。
使用margin: 0 auto;
進行居中的關鍵是確保相同的div具有靜態寬度。
#main { width: 980px; margin: 0 auto; }
使用DOCTYPE你的HTML -
< DOCTYPE HTML PUBLIC! 「 - // W3C // DTD XHTML 1.0 Strict標準// EN」「http://www.w3.org /TR/xhtml1/DTD/xhtml1-strict.dtd」 >
< HTML的xmlns = 「http://www.w3.org/1999/xhtml」 XML:LANG = 「EN」 LANG = 「EN」 >
se COND - 添加到主類這樣的:
margin: 0 auto;
編輯: ,並在像素
嘗試:margin: 0 auto; display: table
沒有寬度需要,沒有。在Chrome中進行測試。
我曾在Chrome和IE瀏覽器中使用過響應式網頁設計網站。謝謝@Cosmin。 – 2013-08-03 21:51:45
- 1. 圍繞主DIV
- 2. 圍繞左下角div圍繞文本?
- 3. 圍繞浮動div包圍全寬div
- 4. 圍繞相對位置div div圍繞文字
- 5. 圍繞div的半邊框
- 6. 圍繞DIV的邊框
- 7. 圍繞html div的邊框
- 8. 圍繞在div內的三個div
- 9. force div圍繞另一個div
- 10. 圍繞多個div在一個DIV
- 11. 圍繞一個隱藏的div包圍div
- 12. 在嵌套的div
- 13. div嵌套
- 14. HTMLDOM div嵌套
- 15. 圍繞嵌套if else語句進行循環
- 16. 圍繞div的CSS3漸變邊框
- 17. 圍繞一個div不使用Flexbox的
- 18. 圍繞帶DIV的轉換元素
- 19. 圍繞div的造型邊框
- 20. 居中圍繞div的頁面
- 21. 圍繞一個div固定的高度
- 22. 圍繞div中的幾個元素
- 23. 用CSS圍繞div的文本
- 24. 圍繞居中div的邊框
- 25. 圍繞一個特定的div
- 26. Div標籤嵌套
- 27. React-motion div嵌套
- 28. 嵌套類的範圍
- 29. 圍繞一個div谷歌瀏覽器
- 30. Tumblr:如何讓div圍繞照片?
你有文本對齊:中心設置在主分區? – 2011-06-10 20:01:07
這是'寬度:100%;'保持'div#main'不在瀏覽器窗口中居中。給它一個像素寬度,它應該居中。 – 65Fbef05 2011-06-10 20:01:18