html三个div水平对齐,Html和CSS我如何对齐3个div并排

所有在同一行

裹的元素在一个包装的div元素：

first

second

third

然后设置包装纸的宽度和浮法所有三个div S：

#wrapper {

width:700px;

clear:both;

}

#first {

background-color:red;

width:200px;

float:left;

}

#second {

background-color:blue;

width:300px;

float:left;

}

#third {

background-color:#bada55;

width:200px;

float:left;

}

此外，使用ID和/或类，并保持CSS与HTML分开。这使代码更易于阅读和维护。

在一行中的所有元素，相同的高度

为了实现“同一高度”的一部分，你可以使用display:table，display:table-row，并且display:table-cell得到匹配的高度。它使用一个额外的div，所以HTML看起来像：

first