ホームページ >ウェブフロントエンド >htmlチュートリアル >html/css 同じ行に 2 つの div がある

html/css 同じ行に 2 つの div がある

WBOY
WBOYオリジナル
2016-09-20 03:30:021905ブラウズ

インターフェースを設計するとき、多くの場合、2 つの div を同じ行に表示する必要があります。

でも毎回やり方を忘れてしまうので、エッセイ兼メモです。

「最初のdiv」と「2番目のdiv」を同じ行に表示するには、次のようにします:

/*外側の div*/

最初の div

2 番目の div

以下に示すように、CSS スタイルを id2 と id3 に追加するだけで済みます。

/*外側の div*/

float:left;">最初の div

float:left;">2 番目の div

以上です。とてもシンプルです。

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