ページに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>