.popup {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1000;
width: 600px;
height: 400px;
border: 1px solid #ccc;
background-color: #fff;
box-shadow: 0 0 10px rgba(0,0,0,.3);
}上面的代码是一个简单的浮层设置，其中定位属性使用了fixed，使浮层在页面中始终保持固定的位置；同时使用了top:50%和left:50%将浮层的中心点定位在页面的正中央；而transform:translate(-50%,-50%)则实现了将浮层本身的中心点移动到指定位置的功能。
z-index属性则用来确定浮层的层级关系，数值越大的浮层会覆盖在数值较小的浮层上面。在上面的例子中，z-index的数值为1000，表示浮层在所有其他元素之上。
最后，还可以对浮层进行一些样式设置，比如设置宽度、高度、边框颜色、背景色和阴影效果等。