我们如何在HTML中并排放置两个分区<div>？

  • Z时代
  • 2024-01-10
  • 分类：综合

使用CSS属性，您可以轻松地在HTML中并排放置两个<div>。使用CSS属性float可以实现此目的。

这样，添加height：100px并设置边距。

示例

您可以尝试运行以下代码来将两个<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>

以上是 我们如何在HTML中并排放置两个分区<div>？ 的全部内容， 来源链接： utcz.com/z/326385.html

回到顶部