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% とは? 親要素に高さがあるため、高さ属性を追加するhtml, bodyと修正されます。

于 2012-11-09T20:35:40.790 に答える