CSS 廣告懸浮是現代網站設計中常用的實現方式之一。通過CSS選擇器和屬性，可以輕松地實現內容區域之外的懸浮廣告效果。

.ad-container{
position: fixed;
bottom: 0;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
width: 300px;
height: 250px;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
display: none;
}
.ad-container img{
width: 100%;
height: 100%;
}
.ad:hover .ad-container{
display: block;
}

上面的 CSS 代碼中，選擇器 .ad-container 指定了懸浮廣告容器的樣式，使用了 position: fixed 屬性將其固定在瀏覽器的底部。通過 left: 50% 和 transform: translateX(-50%) 屬性將其水平居中。

同時，使用了 z-index 屬性將廣告容器置于其他元素之上，設置了寬度和高度，并指定了樣式屬性，如背景色和陰影等。

通過設置 display: none 初始狀態下廣告容器是隱藏的，僅僅在 hover 時才會顯示。這是通過偽類選擇器 .ad:hover 和子元素選擇器 .ad-container 實現的。當鼠標移動到選擇器 .ad 所選中的元素上面時，.ad-container 就會顯示出來。

總體來說，CSS 廣告懸浮技術雖然簡單，但靈活性與實用性都是非常高的。對于想要實現網站廣告或者通知的人，這是一個非常有用的代碼片段。