如何在HTML中将两个div彼此相邻放置?

使用CSS属性,可以轻松地在HTML中将两个<div>彼此相邻放置。使用CSS属性float可以实现此目的。

这样,添加height:100px并设置margin

示例

您可以尝试运行以下代码并排放置两个<div>-

<!DOCTYPE html>
<html>
<head>
<title>HTML div</title>
</head>
<body>
<div style="width: 100px; float:left; height:100px; background:gray; margin:10px">
First DIV
</div>
<div style="width: 100px; float:left; height:100px; background:yellow; margin:10px">
Second DIV
</div>
</body>
</html>