css不随滚动条移动 |css3写镂空弧形

.element {
position: fixed;
top: 0;
}

以上代码将使名为“element”的元素固定在页面顶部，不随着滚动条的滚动而移动。

需要注意的是，固定的元素不会占据文档流中的位置，因此其后的元素会向上移动填补空缺。如果大家希望固定元素具有一定的间距，大家可以使用CSS中的margin属性来设置。

.element {
position: fixed;
top: 20px;
}

以上代码将使名为“element”的元素固定在距离页面顶部20像素的位置。

需要注意的是，如果页面中有多个固定元素，它们可能会重叠。为了避免这种情况，大家可以使用z-index属性来控制它们的层叠顺序，使其不重叠。

.element1 {
position: fixed;
top: 0;
z-index: 1;
}
.element2 {
position: fixed;
top: 20px;
z-index: 2;
}

以上代码将使名为“element1”的元素在名为“element2”的元素之下显示。

在实际开发中，大家经常使用固定导航栏、广告条等元素。使用CSS固定元素使得页面更加美观、易用。