Child Float Divs親部門からの離脱

この問題については、他の多くの記事を読んだことがありません。私は背景のグラフィックをページの全長に伸ばしたいと思っていますが、それは2/3の方法でしか行かないのです。Child Float Divs親部門からの離脱

html, body { height: 100%; } 

div#body-wrapper { 
    height:100%; 
    position:relative; 
} 

nav#side-navigation { 
    height:100%; 
    width:185px; 
    background-color:#C2F4C2; 
    float:left; 
} 

div#content-wrap { 
    width:775px; 
    height:100%; 
    float:right; 
    position:relative; 
    background:transparent url(../images/global/column_corner.gif) no-repeat top left; 
}

私はオーバーフロー追加する場合：＃本体-ラッパーに隠されを、それがウェブサイトの下の部分をカット。

最後に、ここではアクティブなソースコードは次のとおりです。http://freshbaby.com/v20/about_us/index.cfm

出典

2012-03-23 Angry Spartan

あなたのHTML構造 – sandeep

あなたが体に背景画像を置くことができない何らかの理由、またはHTMLを表示することができますか？ –

私のローカルマシンにしかないので、私はURLを提供することはできません。 –

あなたは「クリア」山車に浮動要素の後に要素を追加することができます。

<div style="clear:both"></div>

出典

2012-03-23 19:05:53

メインのコンテンツをナビゲーションの下に押し込んだ。 –

クリアは、メインコンテンツだけでなく、両方の浮動列の下に移動する必要があります。 –

フロートの後で両方をクリアする必要があります。パディング：

<div style="clear:both"></div>

出典

2012-03-24 19:10:51

これは今まで解決した場合はわからないが、身体とhtmlに次の追加してみてください0; マージン：0;

それは完全にトリックをしない場合は、次のattrを持つHTMLセレクターであなたの背景画像を置く：覚えて非常に参考background: url(../assets/image.jpg);-moz-background-size: cover; -webkit-background-size: cover; background-size: cover;

出典

2012-09-08 06:22:18

何かがブレークタグはまた、浮動小数点数をクリアしています。

<br clear='left'/> 
<br clear='right'/> 
<br clear='all'/>

出典

2012-10-12 13:16:08 Christopher

Child Float Divs親部門からの離脱

答えて

関連する問題