ホームページ > 記事 > ウェブフロントエンド > 同じ行上の 2 つの div に関する問題_html/css_WEB-ITnose
同じ行上の 2 つの div に関する問題_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:27:301049ブラウズ
<div id=" test1" style="width:100px;display:inline;z-index:1;"><span class="yahei">ces:</span></div><div id="test2"style="display:inline;overflow:hidden;text-align:left;height:17px;width:80%;"><div id="test3" style="display:inline;height:10px;float:left;width:5000%">1111</div></div>
test1 と test2 を同じ行に置くにはどうすればよいですか? ?
ディスカッションへの返信（解決策）
単にdisplay: inlineをfloat: leftに変更するだけです。 inline要素になると、幅と高さの設定は役に立ちません。さらに、他のバグの発生を避けるために、必ず float をクリアしてください
両方の div に float:left を追加し、他を再度設定しないでください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。