css不属于标记的定位类型

在网页的开发中，CSS（层叠样式表）是一种用来美化和布局网页的语言。它可以控制网页元素的大小、颜色、字体、布局等等。其中一个最重要的功能是控制元素的定位。CSS可以用多种方式来定位元素，比如相对定位、绝对定位、固定定位等等。但是，还有一些不常用的定位类型，它们不属于标记的定位类型。接下来我们会逐一讲解。

1. sticky定位

sticky定位对于滚动时固定导航条常用。当一个元素使用sticky定位时，它会像相对定位一样跟随文档流展开，并在它的容器超出视口范围时停留在视口的上部或下部。不支持IE版本。

例如，这个导航栏：

 nav {
        background-color: #fff;
        position: sticky;
        top: 0;  /* 距离相对定位的距离 */
        z-index: 999;  /* 索引越大，越优先 */
    } 

2. grid标识符 CSS Grid布局是一种全新的布局系统，允许开发人员创建自适应的、灵活的和响应式的网页布局。在网格中，除了标记定位类型之外还有一种不常见的定位类型：grid（网格）。

.wrapper {
  display: grid;  /* 使用网格布局 */
  grid-template-columns: repeat(3, 1fr);  /* 三列等宽 */
  grid-gap: 10px;  /* 设置行、列之间的间距 */
}
.item {
  grid-column: 1 / 4;  /* 跨越三列 */
  grid-row: 1 / 3;  /* 跨越两行 */
} 

3. clamp() clamp()是一个CSS函数，可以限制一个值的范围。这个函数接受三个参数：最小值、期望值和最大值。它的返回值将是这三个参数的最佳匹配。例如，我们可以使用clamp()用于文本的字体大小和行高，以保证网站的响应性和可读性。

h1 {
  font-size: clamp(3rem, 6vw, 6rem);  /* 字体大小最小为3rem，期望为6vw，最大为6rem */
  line-height: clamp(1.5, 5vw, 2.5);  /* 行高最小为1.5，期望为5vw，最大为2.5 */
} 

这些不常见的CSS定位方式可能对于特殊的布局和设计需求非常实用。它们可能会让你的工作更加轻松、简单和有趣。