你这个需要将div标签改成span标签，或者修改div标签的CSS样式，一般用float属性，设置displayinlineblock或者定位属性来处理；1首先，如图所示，我在html中放置了两个iframe标签，没有额外的设置如果浏览器直接打开，您可以看到iframe标签默认是水平排列的2如果我将这两个iframe标签放在div标签中，我可以看到div标签默认垂直排列，也就是说。

可以使用弹性布局，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并排显示，通常情况下有三种实现方式，包括1设置为行内样式，displayinlineblock 2设置float浮动 3设置position定位属性为absolute 以下为三种方式的具体实现代码1设置每个div的展现属性为。

让两个div排在一起方法有也是有很多的1把两个div设置成行内元素，行内元素自然的会成为一行displayinlineblock2可以设置浮动，float但父元素要清浮动3弹性布局，父元素设置displayflexflexdirectionrow。

html div横向排列

1、下面我们来看一下运行效果 DIV是层叠样式表中的定位技术，全称DIVision，即为划分有时可以称其为图层DIV在编程中又叫做整除，即只得商的整数 DIV元素是用来为HTML标准通用标记语言下的一个应用文档内大块block。

2、1用Dreamweaver新建一个HTML文件 2修改title为html+css实现横向导航 3新建一个div id为“a”，添加ul li标签 4在li中添加自己想要的文字 并调整好文字间距，按F12预览，如下图所示 5首先去掉字体前面的小黑点。

3、ltdiv id=quot333quot class=quoth jquot这是333_DIVltdiv#39ltdiv 2如果只是两个DIV没有那两个引号， 可以在CSS里增加float参数， 如222里加上 floatleft 333里加上 flatright222 float leftheight 30px。

4、然后对div添加上浮动标签floatleft这时候图片就发生变化了，竖排变成横排了，因为浮动的原因，最外面的边框仅剩一条线了，如图 需要将其浮动清除对下面的影响，在父级boss中添加个overflowhidden就可以了然后在每个图片。

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

6、a 标签是行内元素，默认状态下就是横向排列的。

html设置横向排列

外边的宽度只能容下一张图片 宽度，所以换行竖排了。

如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li里面有a标签布局做好之后，开始写导航条的样式，如图，先清除导航条的margin和padding然后定位导航条的div，这里我就用绝对定位来居中，如果你有其他导航条居中。