CSS div內浮動是一種基本的 CSS 技術，用于在 HTML 元素中添加浮動效果。這種方法允許我們在 HTML 元素中放置一個容器，該容器將包含多個浮動元素。這種方法通常用于制作導航菜單、表單、菜單欄等。

使用 CSS div內浮動，我們可以將一個容器設置為浮動，而將其中的一些元素設置為內浮動，其他元素設置為平浮動。這種方法可以使容器的左右部分重疊，形成類似導航菜單的效果。

下面是一個簡單的示例，展示如何使用 CSS div內浮動來制作一個簡單的導航菜單：

```html

<div class="nav">

<ul>

<li><a href="#">首頁</a></li>

<li><a href="#">關于我們</a></li>

<li><a href="#">聯系我們</a></li>

</ul>

</div>

在這個示例中，我們使用了一個名為“nav”的 div 元素，并在其中放置了一個名為“ul”的 ul 元素和三個名為“li”的 li 元素。我們使用 CSS 屬性“float: left”來使所有的 li 元素設置為內浮動，使用 CSS 屬性“display: inline-block”來使 ul 元素和 li 元素都具有相同大小的父元素。

現在，我們可以看到這個示例生成的導航菜單：

<div class="nav">

<ul>

<li><a href="#">首頁</a></li>

<li><a href="#">關于我們</a></li>

<li><a href="#">聯系我們</a></li>

</ul>

</div>

可以看到，容器被分為左右兩個部分，其中一部分包含三個內浮動的 li 元素，另一部分包含一個平浮動的 ul 元素和一個平浮動的 li 元素。

需要注意的是，使用 CSS div內浮動時，容器必須具有固定寬度。如果容器的寬度沒有固定，則內浮動的元素將無法完全顯示。為了避免這種情況，可以使用 CSS 屬性“width: 100%;”來使容器具有固定寬度。

CSS div內浮動是一種簡單且易于使用的方法，用于在 HTML 元素中添加浮動效果。它可以使容器的左右部分重疊，形成類似導航菜單的效果。