你這個需要將div標(biāo)簽改成span標(biāo)簽，或者修改div標(biāo)簽的CSS樣式，一般用float屬性，設(shè)置displayinlineblock或者定位屬性來處理；1首先，如圖所示，我在html中放置了兩個iframe標(biāo)簽，沒有額外的設(shè)置如果瀏覽器直接打開，您可以看到iframe標(biāo)簽?zāi)J是水平排列的2如果我將這兩個iframe標(biāo)簽放在div標(biāo)簽中，我可以看到div標(biāo)簽?zāi)J垂直排列，也就是說。

可以使用彈性布局，display flex 就可以讓div橫排，默認布局軸方向就是橫向，justifycontent spacebetween可以是div平均分布在水平軸上；1新建html文檔2書寫hmtl代碼 lt！ 橫向排列 ， ltdiv id=quotnavquot，ltdiv id=quotbox1quot1ltdiv，ltdiv id=quotbox2quot2ltdiv，ltdiv id=quotbox3quot3ltdiv，ltdiv3初始化css代碼ltstyle。

=== htmlltdiv class=quotshowUserquot ltfieldset ltlegend俱樂部成員ltlegend lt！ BEGIN nameArrName ltdiv class = quotuserListquot ltpltp ltplta href=quotindexphp？id=uidquotuserNameltalt；在HTML中讓兩個div并排顯示，通常情況下有三種實現(xiàn)方式，包括1設(shè)置為行內(nèi)樣式，displayinlineblock 2設(shè)置float浮動 3設(shè)置position定位屬性為absolute 以下為三種方式的具體實現(xiàn)代碼1設(shè)置每個div的展現(xiàn)屬性為。

讓兩個div排在一起方法有也是有很多的1把兩個div設(shè)置成行內(nèi)元素，行內(nèi)元素自然的會成為一行displayinlineblock2可以設(shè)置浮動，float但父元素要清浮動3彈性布局，父元素設(shè)置displayflexflexdirectionrow。

html div橫向排列

1、下面我們來看一下運行效果 DIV是層疊樣式表中的定位技術(shù)，全稱DIVision，即為劃分有時可以稱其為圖層DIV在編程中又叫做整除，即只得商的整數(shù) DIV元素是用來為HTML標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用文檔內(nèi)大塊block。

2、1用Dreamweaver新建一個HTML文件 2修改title為html+css實現(xiàn)橫向?qū)Ш?3新建一個div id為“a”，添加ul li標(biāo)簽 4在li中添加自己想要的文字 并調(diào)整好文字間距，按F12預(yù)覽，如下圖所示 5首先去掉字體前面的小黑點。

3、ltdiv id=quot333quot class=quoth jquot這是333_DIVltdiv#39ltdiv 2如果只是兩個DIV沒有那兩個引號， 可以在CSS里增加float參數(shù)， 如222里加上 floatleft 333里加上 flatright222 float leftheight 30px。

4、然后對div添加上浮動標(biāo)簽floatleft這時候圖片就發(fā)生變化了，豎排變成橫排了，因為浮動的原因，最外面的邊框僅剩一條線了，如圖 需要將其浮動清除對下面的影響，在父級boss中添加個overflowhidden就可以了然后在每個圖片。

5、看一下，lthtmlltbodyltstylehtmlbackgroundcolor#edededbodynavulfloatlefttitlefontsize1333pxtitle acolor#000000clearFoverflowhiddenzoom1wrapermargin0 autobackground。

6、a 標(biāo)簽是行內(nèi)元素，默認狀態(tài)下就是橫向排列的。

html設(shè)置橫向排列

外邊的寬度只能容下一張圖片 寬度，所以換行豎排了。

如圖，制作導(dǎo)航條菜單一般是用一個div嵌套ul和li標(biāo)簽，然后li里面有a標(biāo)簽布局做好之后，開始寫導(dǎo)航條的樣式，如圖，先清除導(dǎo)航條的margin和padding然后定位導(dǎo)航條的div，這里我就用絕對定位來居中，如果你有其他導(dǎo)航條居中。