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

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

WBOY
リリース: 2016-09-20 03:30:02
オリジナル
1909 人が閲覧しました

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

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

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

/*外側の div*/

最初の div

2 番目の div

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

/*外側の div*/

float:left;">最初の div

float:left;">2 番目の div

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート