在網(wǎng)頁設計中，CSS 是不可或缺的一部分，它可以讓我們用最簡單的方式去大幅度的改變網(wǎng)頁的表現(xiàn)效果。本文將給大家介紹如何設置兩個 div 的樣式。

<div class="wrapper">
<div class="left-box"></div>
<div class="right-box"></div>
</div>

首先我們需要創(chuàng)建一個兩個 div 的容器，我們可以用上面的代碼完成。容器的 class 命名為 wrapper，左邊的 div 命名為 left-box，右邊的 div 命名為 right-box。

接下來我們需要給這兩個 div 分別設置樣式。我們可以使用以下的 CSS 代碼去完成這個過程。

.left-box {
width: 50%;
float: left;
}
.right-box {
width: 50%;
float: right;
}

在這里我們使用 width 來定義兩個 div 的寬度，并且我們使用 float 屬性將左邊的 div 向左浮動，右邊的 div 向右浮動。這樣我們就完成了兩個 div 的設置。

如果你希望兩個 div 的高度相等，我們有兩種方法可以實現(xiàn)。第一種是使用偽元素 after，第二種是使用 display：flex。

.wrapper:after {
content: "";
display: block;
height: 0;
clear: both;
}

在這里我們使用了 :after 偽元素來清除浮動。我們在 wrapper 容器中，添加一個空的 after 元素，并且給它 display:block 和 height:0。最后，在 after 元素上使用 clear 屬性清除浮動即可。

.wrapper {
display: flex;
}

還有更簡單的方法，使用 display:flex 屬性。在這里我們直接為容器添加了 display:flex 屬性，這樣子，每個子元素就會呈自動分布，且高度自然一致。

以上就是讓兩個 div 呈現(xiàn)不同樣式和相等高度的方法，希望能對您有所幫助。