Question

我需要一些可能简单的css帮助，但我有点卡住了。在学校，我有一个任务，在左侧的导航栏和右侧的站点的其余部分后进行布局。

该网站应该在窗口后调整大小，有点响应但不超过这个。但是有些位应该以px为单位，例如左侧的侧边栏和导航。我很难以一种好的方式解决这个问题。

我需要让标题，主页和页脚坐在栏的一侧，它只适用于标题，主页等中的内容，但不适用于整个标题等，因为它现在看来。而且我需要它与侧面具有相同的高度，所以它总是像图片一样（主要应该根据其中的内容而改变）。有人可以帮助我吗？

这是我的html5代码：

<body>

   <div id="wrapper">

      <nav id="nav">nav</nav>

      <header id="header">header</header>

      <section id="main">Main</section>

      <footer id="footer">Footer</footer>

   </div>

</body>

我的css（之前我也有重置）：

#wrapper{
   width: 80%;
   margin: 0 auto;
}

#nav{
   background-color: #f7b990;
   width: 180px;
   float: left;
}

#header{
   background-color: #90f7b2;
   height: 120px;
   width: auto;
}

#main{
   background-color: #90b2f7;
}

#footer{
   Background-color: #90f7b2;
   height: 70px;
}

宽度，高度和位置，我该如何做到这一点？

0 个答案: