[分享]css两块元素并排

在网页设计中，有时候需要将两个元素并排放置，这时候就需要用到 CSS 来实现。下面将会介绍两种实现方式。第一种方式是使用 float 属性。float 属性可以让元素向左或向右浮动，从而实现元素并排。...

在网页设计中，有时候需要将两个元素并排放置，这时候就需要用到 CSS 来实现。下面将会介绍两种实现方式。

第一种方式是使用 float 属性。float 属性可以让元素向左或向右浮动，从而实现元素并排。具体实现的代码如下：

.left {
  float: left;
  width: 50%;
}

.right {
  float: right;
  width: 50%;
} 

在上面的代码中，我们为需要并排的两个元素分别设置了 float 属性，其中一个设置为向左浮动（left），另一个则设置为向右浮动（right）。同时，我们还为这两个元素设置了宽度为 50%，这样它们就能够完美地并排显示在一行。

第二种方式是使用 display 属性为 inline-block。inline-block 属性可以将元素变为行内块级元素，从而实现元素并排。具体实现的代码如下：

.block {
  display: inline-block;
  width: 50%;
} 

在上面的代码中，我们为需要并排的两个元素都设置了 display 属性为 inline-block，这样它们就能够成为行内块级元素，从而实现并排。同时，我们还为这两个元素设置了宽度为 50%，这样它们就能够完美地并排显示在一行。