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

<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 行に並んでいますか?