CSS高度根据屏幕分辨率

时间:2012-05-27 01:25:47

标签: css css3 height

我正在创建一个中心区域为800px的网页。如果分辨率更高,“侧边栏”将以另一种颜色呈现。我有这段代码:

body {
  width: 800px;
  height: auto;
  ...
}

我希望当内容非常小时,中心区域会一直延伸到页面末尾。这样做的最佳方式是什么?

1 个答案:

答案 0 :(得分:1)

你唯一能做的就是这样:

<style type="text/css">
  html, body, .container {
    height: 100%;
    width: 800px;
    margin: 0 auto;
  }
  .container {
    background: yellow;
  }
</style>

和...

<body>
  <div class="container">
    dewdewd
  </div>
</body>