1. 首頁
  2. 問答
  3. 圍繞嵌套的div

圍繞嵌套的div

2011-06-10 105 views

回答

0

要居中<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>

我不是確定你的頁腳應該做什麼。

來源

2011-06-10 20:05:33 thirtydot

1

首先，確保你有正確的文檔類型。

使用margin: 0 auto;進行居中的關鍵是確保相同的div具有靜態寬度。

#main { width: 980px; margin: 0 auto; }

來源

2011-06-10 20:00:30

2

  1. 使用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」 >

  2. se COND - 添加到主類這樣的：

    margin: 0 auto;

編輯： ，並在像素

來源

2011-06-10 20:00:51 SergeS

3

嘗試：margin: 0 auto; display: table
沒有寬度需要，沒有。在Chrome中進行測試。

來源

2011-06-10 20:19:18

+1

我曾在Chrome和IE瀏覽器中使用過響應式網頁設計網站。謝謝@Cosmin。 – 2013-08-03 21:51:45

相關問題

 相關問題