CSS可以給HTML文檔添加樣式和布局。其中一種常見的布局效果就是讓div懸浮。

首先，我們需要理解CSS的position屬性。position屬性定義元素的定位類型。常見的position值有：

position: static; //默認值，元素在文檔流中正常位置
position: relative; //元素相對于自身位置定位
position: absolute; //元素相對于父元素定位
position: fixed; //元素相對于瀏覽器窗口定位

讓div懸浮的原理就是將其position設為fixed。舉個例子：

div {
position: fixed;
top: 50px; //距離頂部50px
left: 50px; //距離左側50px
}

以上代碼將元素的定位類型設為fixed，并指定了其距離頂部和左側的距離。這樣，元素就會懸浮在文檔中，并且即使滾動頁面，它的位置也不會改變。

除了用top和left屬性調整懸浮元素的位置，我們還可以用bottom和right屬性讓元素與底部和右側保持一定距離。

div {
position: fixed;
bottom: 10px; //距離底部10px
right: 10px; //距離右側10px
}

總的來說，CSS的position屬性可以讓我們靈活地定位元素，讓其懸浮在頁面上或者保持固定位置。這種效果在設計網站時非常常見。