Two divs are on the same line, and the two divs do not wrap "recommended collection"

Hello everyone , I meet you again , I'm the king of the whole stack .

Method 1 ：

<div style=”display:inline”>

<div id=”div1″ style=”float:left”>div1 content</div>

<div id=”div2″ style=”float:left”>div2 content</div>

</div>

above div1 and div2 It will be displayed on the same line .

..（ This method is generally effective ）

Method 2 ：

<div id=”div1″ style=”float:left”>div1 content</div>

<div id=”div2″ style=”clear:both”>div2 content</div>

This method sometimes doesn't work , Seems to be introducing something else js The part used in the framework will fail .

Publisher ： Full stack programmer stack length , Reprint please indicate the source ：https://javaforall.cn/116616.html Link to the original text ：https://javaforall.cn