如何通常在CSS的幫助下放大網站的寬度？

假設我是a certain website的管理員。如何通常在CSS的幫助下放大網站的寬度？

我使用的是最新版本的WordPress，我的主題是名爲「二十四」的主題的兒童主題。我正在使用Mozilla Firebug來檢查我想要編輯的元素。

頁面不以全寬顯示，並且仍有一些未使用的空間（它在右側可見）。我想擴大頁面。這個怎麼做？我有一個全寬模板，將所有頁面都設置爲此，但不起作用。

我正在尋找一個CSS解決方案（編輯我的孩子主題的style.css）。

如果有人能幫助我，我會非常感激。 :)

2016-03-02 Jakub Hančin

問題尋求幫助的代碼必須包括必要的重現它最短的代碼**在問題本身**。儘管您已經提供了[**鏈接到示例**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-我只是粘貼一個鏈接到它），如果鏈接變得無效，那麼你的問題對於其他具有相同問題的未來SO用戶是沒有價值的。 –

它不是一個「全角」網站......它的最大寬度：1260px;'從那裏開始。 –

請問，你能更具體嗎？你在哪裏找到這部分代碼？我已經找了好幾個小時了。此外，要解決這個問題，我應該添加到style.css文件以保證全寬顯示？ –

你可以嘗試重寫此CSS代碼：

.site { 
    width: 100%; 
    position: relative; 
    margin-left: 0px; 
} 
.site-header { 
    position: relative; 
    width: 100%; 
    z-index: 4; 
}

否則，如果你選擇的框架，那麼你可以很容易地集成和理解「matirialize CSS」或者引導。 http://materializecss.com/about.html

來源

2016-03-02 12:56:50

所以你想要一個全寬頁面？

我有一些建議給你：

1.使用一個CSS框架喜歡引導

引導將讓你做出一個全寬頁面沒有任何問題。最重要的是，它會讓你的網站反應靈敏。 Read more...。

2.使用自己的CSS

你需要讓你的身體使用所有的空間是有的。您不能只使用

body 
width: 100%; 
height: 100; 
}

這會促使人體內採取儘可能多的空間作爲孩子的需要。身體總是有一些邊距和填充。所以你也需要擺脫這一點。

body { 
margin: 0; 
padding: 0; 
}

在CSS中的最後一步將是所有4個方面的一個固定位置，使相對位置：

body{ 
position: relative; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0; 
}

因此，最終的CSS應該是這樣的：

body{ 
    position: relative; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    margin: 0; 
    width: 100%; 
    height: 100%; 
}

我建議你使用一個框架，它使你的工作流程變得更加簡單。

問候， Megajin

來源

2016-03-02 13:10:37 Megajin

所以你基本上建議我放棄面向Wordpress的開發並切換到Bootstrap？或者有可能以某種方式使用WordPress中的Bootstrap製作主題？ –

WordPress是您的內容管理系統。哪個持有你的內容。內容通過您的主題（視圖）顯示。您可以在Wordpress主題中使用Bootstrap。實際上，所有新主題都使用某種響應式CSS框架（自制或例如Bootstrap）。如果你不想使用Bootstrap或任何其他的Framwork，你也可以在你的頁面中使用我提供的CSS代碼。 – Megajin

非常感謝您提及Bootstrap。我目前正在觀看如何掌握Bootstrap的教程（它看起來像一個非常方便的工具）。同時，我使用了您在我使用的兒童主題的style.css中提供的代碼。它應該覆蓋父設置並且工作。但是，它沒有。我認爲這與右邊欄有關（寬度與左邊欄相同）。你推薦做什麼？如何設置標題的設置忽略右邊欄空間？ –

如何通常在CSS的幫助下放大網站的寬度？

回答

相關問題