CSS 高度根据屏幕分辨率

标签 css height

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

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

我希望当内容非常小时,中央区域会延伸到页面末尾。执行此操作的最佳方法是什么?

最佳答案

你唯一能做的就是这样:

<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>

关于CSS 高度根据屏幕分辨率,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10771005/

相关文章:

CSS 导航对齐

css - 100% 2 列高 CSS 问题!

css - 如何使 div 的高度适应其中的绝对 div 的高度?

jquery - 使用 jQuery 计算高度在 Firefox 和 Chrome 中有所不同

html - 带有 Div 和 Float 的 CSS 间距

css - 如何使用 CSS3 制作内边框?

css - 根据div高度调整img高度

html - 如何使高度自动包装器根据 Logo 的高度展开

css - AS3 的 CSS 标识符中的错误?

background - Mozilla 中的文本阴影和背景剪辑 css