# CSS div 平分

CSS div 平分是使用 CSS 將DIV元素中的子元素平均分成若干份的一種方法。這種方法可以用來實現不同大小的子元素在DIV容器中均勻分布，從而實現頁面布局的效果。

下面是一個簡單的例子，展示如何使用 CSS div 平分來實現一個帶有上下浮動的菜單：

```html

<div class="container">

<div class="box">

<h2>菜 單</h2>

<p>這里是菜單的內容。</p>

</div>

<div class="box">

<h2>菜 單</h2>

<p>這里是菜單的內容。</p>

</div>

<div class="box">

<h2>菜 單</h2>

<p>這里是菜單的內容。</p>

</div>

</div>

在這個例子中，我們使用了一個容器元素 `.container`，并使用三個 `.box` 元素來分別放置不同的菜單子元素。我們使用了一個 `h2` 元素作為菜單子元素的標題，并使用一個 `p` 元素作為菜單子元素的內容。

接下來，我們使用 CSS 平分來將這三個 `.box` 元素平均分成三個等份。具體來說，我們將每個 `.box` 元素中的子元素都提取出來，并將它們分別放入三個新的 `.box` 元素中。然后，我們使用 CSS的 `平分` 屬性來將這些子元素平均分配到三個不同的容器中。

下面是一個簡單的 CSS 平分實現示例：

```css

.box {

display: inline-block;

width: 200px;

height: 200px;

.box:nth-of-type(3n) {

margin-left: 100px;

在這個示例中，我們使用了一個 `:nth-of-type(3n)` 選擇器來選擇三個 `.box` 元素中的任意一個。通過這種方式，我們可以確保每個子元素都分配到了適當的空間，從而實現了均勻分布的效果。

通過使用 CSS div 平分，我們可以輕松地將DIV元素中的子元素平均分成若干份，從而實現頁面布局的效果。這種方法可以用于實現各種復雜的頁面布局，如菜單、輪播圖等。