2

私は、このフォーラムの div とそのコンテンツでの高さの成長に関するほとんどすべての記事を読みました。何が間違っているのか理解できず、理解できません。おそらく簡単なことですが、もう見当たりません。

次の CSS を試しましたが、機能しません。

clear:both;
float: left;
overflow: auto;
overflow: hidden;

これらのすべてが望ましい出力を持っているわけではありません。

コードを jsfiddle に投稿しました: http://jsfiddle.net/eAVy3/

フッター (赤) が下部ではなく上部にあることがわかります。そのように見えるものを取得する唯一の方法は、IDpage_containerに高さを与えることです。しかし、それは固定の高さであり、コンテンツとともに成長しません。これを正しく行うにはどうすればよいですか？

4

3 に答える 3

1

ここで働くフィドル：http://jsfiddle.net/eAVy3/3/

絶対配置 (絶対配置では、ドキュメントの通常の流れから div が取り除かれます。つまり、フッターなど、ページ上の他のものに影響を与えることはできません)。

代わりに、div をフロートする必要があります。

#kolom_links {
  float: left;
  margin-left: 100px;
}

#kolom_rechts {
  float: left;
  margin-left: 70px;
}

#page_container 内の両方の div がフローティングであるため、clearfix cssを使用する必要があります。

クラス clearfix を追加します。<div id="page_container" class="clearfix">

次に、この clearfix を CSS に追加します。

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
于 2013-10-14T13:09:37.840 に答える