ホームページ  >  記事  >  ウェブフロントエンド  >  1 行に 2 つの div_html/css_WEB-ITnose

1 行に 2 つの div_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:15:471156ブラウズ

カスタム幅の 2 つの div があり、並べて表示されます。コード例は次のとおりです。

;/div> ;
ウィンドウが最小化されるのは正常です。 div 2 は自動的にラップされます。申し訳ありませんが、自動的にラップしないようにしてください。


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

クリアを削除して見てください

これを追加してみてください min-width:1400px; width を指定してください


これは重要ではありません。質問してます....
おい、
2階は絶対ダメだよ… クリアの使い方も分からない…
あなたのことを言ってるんじゃないよ…
違うよクリアという言葉さえ理解してください...

ここに書いたclear:leftは、正直に言うと、この文章を書くかどうかは、あなたが望む効果とは何の関係もありません。この文を書いても、2 つの div はまだ浮いています


また、元の投稿者を責めたくはありませんが、デザインは無理があります

解決策は実際には 3 階のものです。 ..しかし、彼はそれを明確に書いていませんでした...




なぜ 98% を設定するのですか? 20% と 78% があるからです。だから、あなたの設計には無理があります...何も残さないでください win-width 属性にスペースを与えてください

4 階は正しいです。実際、div 1 は適応幅ではなく固定されており、div 2 は適応幅なので、明確に書くのは無駄であることはわかっています。上記の効果を達成するには、CSS をあまり勉強していないので、お願いします。ヘルプ!
div 1 に適応幅がある場合、win-width でそれが可能です。
ご協力ありがとうございます

上記は間違っています、min-width です



跳ね返るのは正常です

float の目的は位置を固定することではありません


5 階によると
dv1 は固定幅 dv2 はパーセント幅
すると dv1.width + dv2.width > 外側width (この結果は可能です。どうすればよいですか?

外側の幅 - d1.width = d2.width を意味する場合は、テーブルを使用します


常に float である必要はありません
float の意味は固定されていません


最良の方法書くと次のようになります: 基本的にすべてのブラウザと互換性があります


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。