0

ページに 2 つの div があり、そのうちの 1 つが右側に浮かんでいます。フローティングではない div に最小幅を設定しました。ブラウザー ウィンドウを小さくすると、フローティング div が非フローティング div に予想どおり侵入しますが、最小幅を超えて続き、非フローティング div 内のすべてのテキストを押し下げ始めます。フローティング div が特定のポイントを超えないようにするにはどうすればよいですか? 以下にサンプルコードを含めました。

<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>
4

2 に答える 2

2

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

于 2011-01-05T05:56:48.527 に答える
1

ラップを作る<div>：

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

次にこれを行います：

#wrap {
    min-width: 600px;
}

設定min-widthはそれを行います。

于 2012-09-20T18:22:59.263 に答える