CSS中經常會涉及到排列元素的問題。其中一種需求是實現兩個元素并排排列的效果。

這個需求可以通過多種方法實現。以下是兩種常見的方法：

/* 方法一：使用float */
.left{
float: left;
width: 50%;
}
.right{
float: right;
width: 50%;
}

使用float屬性可以使元素脫離文檔流，使得元素可以并排排列。需要注意的是，為了防止在使用 float 屬性后出現元素高度塌陷的問題，父元素應該清除浮動。

/* 方法二：使用display:inline-block */
.left{
display: inline-block;
width: 50%;
}
.right{
display: inline-block;
width: 50%;
}

使用display:inline-block可以使元素變成行內塊元素，也就是說，元素可以并排排列，同時也保留了塊元素的特性。需要注意的是，為了去掉元素之間的間隙，可以在父元素設定font-size:0，并在子元素里重設。