2

我试图让内容的 div 基本上在我的页眉和我的脚之间运行整个页面的高度。如果我使用：

  #content{ height: 100%; }

它只与我在 div 中的内容一样高。有时我可能只有 1 句话，但希望 div（带有背景或边框）沿着屏幕的长度运行，直到页脚大约75px高。

有没有办法用 CSS 轻松做到这一点？目前我拥有的是：

  <style>
  #content {
  margin-top: 0px;
  height: 800px;
  width: 800px;
   margin-left: auto;
   margin-right: auto;
    background-color: #E0E0E0 ;
   }
  </style>
   </head>
  <body>
  <div id="content"> 
  this is a div!  with some centered crap
  </div>
4

2 回答 2

8

添加：body, html { height:100% }并将内容元素的高度也设置height:100%为。

于 2012-11-09T20:29:09.257 回答
0

添加height:100%到html, body，如果它仍然不起作用，请尝试使用top:, bottom:, left:, right:属性进行定位。

问题是您为 div 分配了 100% 的高度，但这是父元素的 100%。如果父元素没有设置高度，那么它 100% 是什么？添加一个 height 属性html, body将解决这个问题，因为父元素有一个高度。

于 2012-11-09T20:35:40.790 回答