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 广告悬浮技术虽然简单，但灵活性与实用性都是非常高的。对于想要实现网站广告或者通知的人，这是一个非常有用的代码片段。