限制內容 - 安全區域

我正在嘗試構建網站。 Seted使用1,024像素的限制：限制內容 - 安全區域

body { 
    width:1024px; 
    margin:0 auto; 
}

而且我的網頁看起來像這樣：

但是，實際上，我的網頁必須是這樣的：

你看？導航欄？

我必須做些什麼才能讓我的全導航條甚至是內容的寬度限制？

哦，我使用的兌現框架，使網站，很明顯，在導航欄：http://materializecss.com/navbar.html

來源

2015-09-10 Igor

請考慮添加一個工作代碼片段，人們可以重現該問題。這些圖片沒有提供信息，我們需要代碼。 – halfzebra

我懂了！ Thx for everyone =） – Igor

不要給身體一組寬度！

由於主體設置爲1024px，因此主體中的每個項目都將從其邊緣開始......您應該在主體內設置元素的寬度，這將允許您完全控制佈局。

您的標題和導航需要全屏，因此它們的寬度應爲100％。

然後可以設置標題下方的項目並應用邊距以符合您的想法。

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>my site</title> 
</head> 

<body> 

<div class="set-width"></div> 

</body> 
</html>

來源

2015-09-10 09:41:27 Aaron

所以我應該在風格設置是這樣的：

 set-width { width:1024px; 
margin:0 auto;}

，然後作出這樣的導航欄的代碼？

<div class="navbar-fixed"> 
    <nav> 
    <div class="nav-wrapper white"><div class="set-width"> 
     <a href="#" class="brand-logo center"><h5 class="center-align"><img src="Logo.png"></h5></a> 
     <ul id="nav-mobile" class="left hide-on-med-and-down"> 
     <li><a href="conta.html"><h5 class="center-align"><img class="responsive-img" src="http://feely.com.br/teste/Avatar.png"></h5></a></li> 
     <li><a href="conta.html"></h5><span class="grey-text text-darken-4">OLÁ, USUÁRIO!</span></a></li> 
     </ul> 
     <ul id="nav-mobile" class="right hide-on-med-and-down"> 
     <li><a href="carrinho.html"><span class="grey-text text-darken-4"><i class="material-icons">shopping_cart</i></span></a></li> 
     <li><a href="buscar.html"><span class="grey-text text-darken-4"><i class="material-icons">search</i></span></a></li></div> 
     </ul> 
    </div> 
    </nav> 
</div>

來源

2015-09-10 09:53:51 Igor

限制內容 - 安全區域

回答

相關問題