htmlと

Question

コンテンツのdiv私はこのような構造（divを）持っている：

#content-wrapper-> 
    #left 
    #center 
    #right 
#footer 

#footer 
{ 
    position: relative; 
} 

#content-wrapper 
{ 
    position: relative; 
    clear: both; 
    overflow: hidden; 

    width: 100%; 
     height: 100%; 

    min-height: 300px; 
} 

しかし#center div要素内のテキストがmin-heightよりも、大きいとき、それは#footer以上になります。どうしましたか？

---

UPD： 例アドレス：link

Answer 1

コンテンツを提供いただき、ありがとうございます。 #content-centerの高さが200pxに固定されているため、この問題が発生しているようです。これをなくして（固定の高さを#content-leftと#content-rightにする必要がある場合を除き）、またはそれをmin-heightに変更してください。フッターがコンテンツの下に表示されるはずです。

#content-leftまたは#content-rightが最長の列である場合は、まだ問題が発生します。それに対処するには、#content-wrapper DIVからフッターを削除することもできます - このようなあなたの構造を設定：

<div id="content-wrapper"> 
    <div id="content-left"></div> 
    <div id="content-right"></div> 
    <div id="content-center"></div> 
</div> 
<div id="footer"></div> 

それはあなたのために動作しない場合、私に教えてください。

Answer 2

新しいアイテムを必要としています。相対

あなたが明確なの任意の必要いけない：

しかし、あなたがたContent内の新しいアイテムを必要とするの両方を明確にウィッヒは、あなたが位置のいずれかを必要といけないメインのdiv

• 内の浮遊クリア

このラッパー。 thats all。

ポイントを浮かべたdivs。これは本当に答えではなく、divを表示私はテーブルを使用することができ好む

CSS 100% width in floated div

：彼らはdiv要素の大きさや幅のテーブルのものを使用する

別の素敵な解決策に影響を与えませんまた、サイズを変更したり、浮動小数点数のdivよりも上に配置することもできます。