照片浮動div css是一個非常實用的技術(shù)，它可以讓網(wǎng)頁中的照片或圖片在文字的環(huán)繞下實現(xiàn)浮動，讓頁面看上去更加美觀。那么如何使用css實現(xiàn)照片浮動呢？

<style>
.float-left {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.float-right {
float: right;
margin-left: 20px;
margin-bottom: 20px;
}
</style>

上面的代碼定義了兩個浮動效果，一個是左浮動，一個是右浮動。通過設(shè)置float為left或right就可以實現(xiàn)浮動效果。同時，我們還可以通過設(shè)置margin來控制照片與文字之間的距離。

下面是一個例子：

<div class="float-left">
<img src="photo.jpg" alt="照片">
<p>這是一張美麗的照片。</p>
</div>
<p>這是一段描述。這是一段描述。這是一張美麗的照片：</p>
<div class="float-right">
<img src="photo2.jpg" alt="照片">
<p>這是另一張美麗的照片。</p>
</div>
<p>這是另一段描述。這是另一段描述。這是另一張美麗的照片：</p>

上述代碼中，第一個div使用了左浮動效果，第二個div使用了右浮動效果。我們可以通過設(shè)置不同div的class來實現(xiàn)不同的浮動效果。

總之，使用照片浮動div css技術(shù)可以讓網(wǎng)頁看上去更加美觀，提高了用戶體驗。希望大家在開發(fā)網(wǎng)頁時能使用這一技術(shù)。