2011-09-16 9 views
2

この画像をチェックしてみて下さいCSS自動幅浮動問題

CSS Problem

<body> 
    <div class="main> 
     <div class="left">blah blah </div> 
     <div class="right">blah blah </div> 
     <div style="clear:both"></div> 
    </div> 
</body> 

CSS一部:

.main{min-width:1200px} 
    .left{width:400px ; height:auto ; float:left } 
    .right{width:auto ; height:auto ;float:left } 

私は友人を願って、あなたがイメージからアイデアを持っています。私を助けてください。

right divにデータを動的に挿入しています。その幅が800pxを超えると、左のdivになります。しかし、その代わりに私はコンテンツを見るために水平スクロールバーが必要です。 1つの解決策は、右のdivからfloat:leftを削除することです。しかしそれでも問題を引き起こします。

+1

ようこそ!あなたがページへのリンクを投稿したり、フィドル(jsfiddle.net)を作成したりすることができれば、私たちは問題に取り組むことができればもっと役に立ちます。 –

+0

私はフィドルを作った、私は右の部分が左に来ることを望んでいないhttp://jsfiddle.net/vinay49/fbeJc/ –

答えて

0

浮動小数点型では、高さ:autoはコンテンツの高さを表します(浮動小数点型のデフォルト値)。お試しください:100%