ホームページ >ウェブフロントエンド >htmlチュートリアル >同じ行上の 2 つの div に関する問題_html/css_WEB-ITnose
<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>
単にdisplay: inlineをfloat: leftに変更するだけです。 inline要素になると、幅と高さの設定は役に立ちません。さらに、他のバグの発生を避けるために、必ず float をクリアしてください
両方の div に float:left を追加し、他を再度設定しないでください。