ホームページ  >  記事  >  ウェブフロントエンド  >  幅の合計が親の幅より大きい場合に、2 つの浮動子 div を 1 行に表示するように設定するにはどうすればよいですか? _html/css_WEB-ITnose

幅の合計が親の幅より大きい場合に、2 つの浮動子 div を 1 行に表示するように設定するにはどうすればよいですか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:47:151426ブラウズ

幅と高さが定義された親 div の下に 2 つの左フローティング子 div を設定して、スクロール バーを生成し、幅の合計が親の幅よりも大きい場合に折り返さないようにしたいのですが、何度か試しましたが、それは機能しませんでした、そしてまだ壊れました!フローティングを使用せずに相対位置を使用してスクロール バーを作成できることはわかっています。しかし、親愛なるマスターの皆さん、この問題が浮き続ける場合、どうやって解決すればよいのでしょうか?ありがとうございます


ディスカッションへの返信(解決策)

あなたは論理的ではありません。なぜ幅の合計が親の幅よりも大きくなる必要があるのですか...親の幅より大きい場合、位置決めは次のようになります。これはフロートでは実現できません。

それは、内部のフローティングサブボックスが他の人によって作成されたためです。私は外部フレームワークに取り組んでおり、この問題に遭遇したときは理解できません...

以下は実装コードです。あなたが望んでいることかどうかはわかりません
< style> .box {
スペース: nowrap
}
.box .one {
width: 300px;
height : 250px;
ディスプレイ: インラインブラック;
高さ: 250 ピクセル;
表示: インラインブラック;

>




声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:JavaScript 変数のスコープとメモリの問題 (2)_html/css_WEB-ITnose次の記事:JavaScript 変数のスコープとメモリの問題 (2)_html/css_WEB-ITnose

関連記事

続きを見る