兩個div在同一行且不換行的兩種方法

字號:


    方法一:
    代碼如下:
    <div style=display:inline>
    <div id=div1 style=float:left>div1 content</div>
    <div id=div2 style=float:left>div2 content</div>
    </div>
    上面的div1和div2就會在同一行顯示。。。(此方法一般都會有效的)
    方法二:
    代碼如下:
    <div id=div1 style=float:left>div1 content</div>
    <div id=div2 style=clear:both>div2 content</div>
    這種方法有時候會不起作用,好像在引入別的js框架中使用部分會出現(xiàn)問題。