Question

我有这种情况：

<div id=area>
 <div id=box>
 </div>
</div>
<div id=footer>
</div>

div“area”是中心，宽度为700px，左右有阴影。然后有一个div框，宽度为500px，里面有文字和选项。在底部，我有一个页脚，其中有一行文字。

所以，我在div“区域”的阴影效果停在与盒子相同的位置。在下一页，我在同一个框中有大约2000px的文本量，并且“area”div的阴影是应该的。

我希望“area”div整个屏幕尺寸，如果内部有更多文字，则更多。

Answer 1

尝试这样的事情：

<强> HTML

<!doctype html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <title>Title</title>
  <link rel="stylesheet" href="style.css">
 </head>
 <body>
  <div id="area">
   <div id="box">
   </div>
  </div>
  <div id="footer">
  </div>
 </body>
</html>

<强> CSS

   html {height:100%} 
   body {height:100%;margin: 0;padding: 0;} 
   #area {height: 100%;background-color: blue}

如何从上到下为整个大小制作div

1 个答案: