コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 2 つの div を 1 行に表示する方法_html/css_WEB-ITnose

2 つの div を 1 行に表示する方法_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
リリース： 2016-06-21 09:32:39
オリジナル
1454 人が閲覧しました

<div id="father" style="width:70px;height:30px;overflow:hidden;border:1px solid;">	<div id="son" style="width:100%;height:30px;overflow:hidden;white-space:nowrap;"><!--不修改这个div的像素宽度-->			<!--使这两个div能排在一行-->		<div id="grandson1" style="float:left;width:50px;height:30px;background-color:gray;">xxx</div>		<div id="grandson2" style="float:left;width:50px;height:30px;background-color:pink;">yyy</div>			</div></div>
ログイン後にコピー

要件:
1. 父親を変更しないでください
2. 息子の特定のピクセル値を指定できません。
3. grandson1 と grandson2 を 1 行にまとめます


ディスカッションに返信（解決策）

あなたのお父さんは 70 歳で、次の 2 人は 50 歳ですが、なぜ 1 行に並んでいますか?



前の記事：IE6_html/css_WEB-ITnose でリンクが失敗するのはなぜですか 次の記事：[ヘルプ] UL のサブメニューは自動的にインライン化されますか? _html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート