要保持一个DIV始终可见,可以使用CSS的position: fixed
属性将其固定在页面上的特定位置。以下是一个例子:
HTML代码:
这是一个始终可见的DIV
CSS代码:
.fixed-div {
position: fixed;
top: 50px; /* 从顶部50像素位置开始固定 */
left: 50px; /* 从左边50像素位置开始固定 */
width: 200px;
height: 100px;
background-color: #ccc;
border: 1px solid #000;
}
在上述示例中,通过设置position: fixed
,.fixed-div
类的DIV将始终可见。使用top
和left
属性可以调整其在页面上的位置。
上一篇:保持一个纯CSS轮播在固定位置