CSS中有許多方法可以設置懸浮窗。其中最常用的方法是使用position屬性。通過設置position:fixed或position:absolute來確定懸浮窗的位置。我們還可以使用偽元素來創建懸浮提示信息。

下面是一個使用position來設置懸浮窗的示例：

.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

在這個示例中，我們創建了一個.popup類并使用position:fixed將它固定在屏幕上。接著使用top和left屬性將它放置在屏幕中央，并使用transform:translate(-50%, -50%)將它向上和向左移動一半的寬度和高度。最后我們給它一個漂亮的白色背景、圓角邊框和一個陰影效果。

當然，除了使用position外，我們還可以使用偽元素來創建懸浮提示信息。我們可以為某個元素添加:hover偽類，并使用:before或:after偽元素來創建提示信息。下面是一個使用:before來創建懸浮提示信息的示例：

.popup {
position: relative;
}
.popup:hover:before {
content: "這是一個懸浮提示信息";
position: absolute;
top: -20px;
background-color: #fff;
color: #333;
padding: 5px;
border-radius: 3px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

在這個示例中，我們為.popup類添加了一個:hover偽類，并使用:before偽元素來創建提示信息。我們設置了它的content屬性來顯示提示信息的內容，然后使用position:absolute將它放置在.popup元素的上方20像素。我們還給它一個白色背景、黑色文字、圓角邊框和一個微小的陰影效果。

使用CSS來設置懸浮窗非常簡單，只需要使用position屬性或偽元素即可輕松創建漂亮的懸浮提示信息。