html中怎么样让div并排显示

html-css08

html中怎么样让div并排显示,第1张

div属于块元素,通俗的讲,块元素会占一整行。如果让一行显示两个div有两种方法。

1、让两个想并排的div的转换成行内元素

div{display:inline}

2、让两div设置固定宽度,然后让其浮动显示即可。

div{width:50%float:left}

注意也可将div宽度设置成像素宽度,但两个div的宽度加起来不能大于父级div的宽度,只能 小于或等于。

以下是具体演示步骤:1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的div。3、在大div里添加想要并列的div元素,并在style属性里添加float:left即可4、运行结果如下图。无论如何变换浏览器宽度,div都是一行展示出来。