最近在學(xué)習(xí)網(wǎng)頁開發(fā)的時(shí)候遇到了一道div+css的試題，想和大家分享一下：

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

這段代碼是一個(gè)簡單的頁面布局結(jié)構(gòu)，包含一個(gè)父容器和兩個(gè)子容器，其中父容器使用了class="box"的樣式，而子容器分別使用了class="left"和class="right"的樣式。現(xiàn)在給出以下問題：

1. 如何讓父容器的背景顏色顯示為#333333？使用css實(shí)現(xiàn)。

.box {
background-color: #333333;
}

2. 如何讓子容器的寬度分別占據(jù)父容器的50%？使用css實(shí)現(xiàn)。

.left, .right {
width: 50%;
}

3. 如何讓父容器于瀏覽器的水平居中？使用css實(shí)現(xiàn)。

.box {
width: 50%;
margin: 0 auto;
}

4. 如何讓子容器的高度和父容器相等？使用css實(shí)現(xiàn)。

.box {
display: flex;
}
.left, .right {
height: 100%;
}

以上就是這道div+css試題的解析，希望對大家有所幫助。在網(wǎng)頁開發(fā)中，div和css的運(yùn)用非常廣泛，掌握這兩個(gè)知識點(diǎn)可以讓你的頁面變得更加美觀和靈活。