html语言 div并排,HTML中如何让两个div并排显示，举个例子?

慕莱坞森

在HTML中让两个div并排显示，通常情况下有三种实现方式，包括:(1)设置为行内样式，display:inline-block(2)设置float浮动(3)设置position定位属性为absolute以下为三种方式的具体实现代码：1、设置每个div的展现属性为行内样式，示例代码为：

div1

div2

2、设置float浮动，示例代码为：

div1

div2

3、设置position定位属性为absolute, 示例代码为：

div1

div2

扩展资料：css清除浮动方法(1)添加新的元素 、应用 clear：both.clear {clear: both; height: 0;height: 0;overflow: hidden;}(2)父级div定义 overflow: auto.over-flow {overflow: auto;zoom: 1; //处理兼容性问题}(3)伪类  :after 方法  outer是父div的样式.outer { zoom:1; }    /*==for IE6/7 Maxthon2==*/.outer :after {clear:both;content:'.';display:block;width: 0;height: 0;visibility:hidden; }