在网页设计中，使用浮动层是非常常见的。有时候，我们需要在点击某个元素之后展示一个弹窗或者浮动层，这时候就需要用到CSS。
CSS（层叠样式表）是网页设计中的一种样式表语言，它可以控制HTML元素的显示效果，包括颜色、字体、间距和布局等等。
实现点击展示浮动层的效果可以通过以下步骤：
//
HTML代码
<button id="btn">点击显示浮动层</button>
<div id="layer">这是一个浮动层</div>
//
CSS代码
#layer {
display: none;
// 默认隐藏
position: absolute;
// 绝对定位，使其可以浮动在页面上
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
// 居中
width: 200px;
height: 100px;
padding: 10px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
// 添加阴影效果
}
#
btn:hover + #layer {
display: block;
// 鼠标悬浮时显示浮动层
}
</
pre>通过上面的 CSS 代码，我们可以看到浮动层的样式是通过 ID 为 layer 的 div 元素来实现的，其中 display 属性的值为 none，使其默认隐藏在页面中。
当用户鼠标悬浮在按钮（ID 为 btn）上时，使用伪类选择器 + 和相邻选择器直接选中下一个元素（ID 为 layer），将 display 属性改为 block，从而显示出浮动层。
通过这种方式，我们可以非常方便地实现点击展示浮动层的效果。如果需要在浮动层中添加更多的内容和样式，也可以在 CSS 中进行调整。
