CSS提供了多種方式讓圖片圍繞在一個div或其他元素的周圍。以下是一些實現圖片圍繞div的常用樣式：

/* float樣式 */
.wrapper {
float: left;
margin-right: 10px;
}
.image {
float: left;
width: 200px;
height: 200px;
}
/* inline-block樣式 */
.wrapper {
display: inline-block;
width: 70%;
}
.image {
display: inline-block;
width: 25%;
margin-right: 5%;
vertical-align: top;
}
/* position樣式 */
.wrapper {
position: relative;
padding: 20px;
}
.image {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 200px;
}
/* flexbox樣式 */
.wrapper {
display: flex;
}
.image {
flex: 0 0 200px;
height: 200px;
margin-right: 10px;
}

以上四種樣式代碼中，float樣式和inline-block樣式都是相對簡單的實現方式，其中，float樣式使用了float屬性來讓wrapper元素和image元素浮動在左側，同時給wrapper元素設置margin-right屬性來使wrapper元素和其他元素之間保持一定的距離；inline-block樣式則是將wrapper元素和image元素都設置為inline-block屬性來使它們在一行中排列。

position樣式則使用了position屬性，通過將wrapper元素設置為relative屬性，再將image元素設置為absolute屬性，并且相對于wrapper元素的左上角定位，來實現圖片圍繞在wrapper元素周圍。

最后，flexbox樣式則使用了CSS的彈性盒子布局，將wrapper元素設置為display:flex屬性，再將image元素設置為flex:0 0 200px屬性，來讓image元素在wrapper元素中占據200px的寬度。

總的來說，實現圖片圍繞在div或其他元素周圍有很多不同的方式，使用不同的樣式可以達到不同的效果，可以根據實際需要選擇最適合的樣式。