文章/答案/技术大牛

发布

问内容安全范围的限制
EN

Stack Overflow用户

提问于 2015-09-10 09:38:49

回答 2查看 232关注 0票数 0

我想建一个网站。使用以下方法设置1024限制：

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

我的页面是这样的：

但是，实际上，我的页面必须是这样的：

你看?导航吧？

我要做什么才能得到我的完整肚脐，即使有宽度限制的内容？

哦，我正在使用物化框架来创建网站，当然还有导航栏：http://materializecss.com/navbar.html

css

margin

materialize

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-09-10 09:41:27

不要给身体一个固定的宽度！

因为身体被设置为1024 it身体内的每一个项目将从它的边缘开始.您应该设置主体内元素的宽度，这将允许您完全控制布局。

你的标题和导航需要全屏，所以它们的宽度应该是100%。

然后，可以设置标题以下的项目，并应用页边距来满足您的想法。

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

<body>

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

</body>
</html>

票数 0

Stack Overflow用户

发布于 2015-09-10 09:53:51

所以，我应该设置一些风格，比如：

     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>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32498270

复制

相似问题

问内容安全范围的限制
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问内容安全范围的限制EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问内容安全范围的限制
EN