兩個(gè)div在同一行且不換行的兩種方法

字號(hào):


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