2011-01-05 16 views
0

ページに2つのdivがあり、そのうちの1つが右側に浮いています。浮動小数点型のdivに最小幅を設定しました。ブラウザウィンドウを小さくすると、浮動小数点divは浮動小数点divに予想通りに侵入しますが、min-widthを過ぎても継続して、非浮動小数点divのすべてのテキストをプッシュし始めます。フローティングディビジョンが特定のポイントを超えて移動するのを止めるにはどうすればよいですか?私は以下のサンプルコードを含んでいます。CSS - 浮動小数点ウィンドウサイズ変更

<html> 
<head> 
<style type="text/css"> 

#one 
{ 
    border: 1px red dotted; 
    margin-right: 500px; 
    min-width: 250px; 
} 

#two 
{ 
    border: 1px red dotted; 
    float: right; 
    width: 450px; 
} 

</style> 
</head> 

<div id="container"> 

<div id="two"> 
    This is a floating div. 
</div> 

<div id="one"> 
    This div is not floating and has a whole bunch of text inside of it. 
</div> 

</div> 
</html> 

答えて

2

ああ、私はそれを把握することができました!コンテナdivにも最小幅を設定し、ブラウザウィンドウがそのコンテナdivの最小幅に達すると、フローティングdivが停止します。

1

ラップ<div>を行います。その後、

<div id="wrap"> 
    <div id="list_events"></div> 
    <div id="right_content"></div> 
</div> 

この操作を行います。min-widthはそれを行います設定

#wrap { 
    min-width: 600px; 
} 

を。

関連する問題