Question

我正在尝试获取内容的div，以基本上在我的标题和我的脚之间运行页面的整个高度。如果我使用：

  #content{ height: 100%; }

它只会与div中的内容一样高。有时我可能只有一个句子，但希望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>

Answer 1

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

Answer 2

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

问题是你为div分配了100％的高度，但这是父元素的100％。如果父元素没有设置高度，那么100％是什么？将height属性添加到html, body将修复该属性，因为父元素具有高度。

如何使页面的div高度长度

2 个答案: