CSS設(shè)置錨點(diǎn)的方法

在CSS中，可以使用id或class來設(shè)置錨點(diǎn)，為需要設(shè)置錨點(diǎn)的元素添加id或class屬性，

<div id="section1">這是***部分</div>
<div id="section2">這是第二部分</div>
<div id="section3">這是第三部分</div>

或者

<div class="section1">這是***部分</div>
<div class="section2">這是第二部分</div>
<div class="section3">這是第三部分</div>

在CSS中設(shè)置對應(yīng)的錨點(diǎn)樣式，

#section1 {
  position: relative; /* 相對于其正常位置定位 */
  top: 0; /* 相對于其***近的一個定位祖先元素的頂部偏移量 */
  left: 0; /* 相對于其***近的一個定位祖先元素的左側(cè)偏移量 */
}
#section2 {
  position: relative; /* 相對于其正常位置定位 */
  top: 0; /* 相對于其***近的一個定位祖先元素的頂部偏移量 */
  left: 0; /* 相對于其***近的一個定位祖先元素的左側(cè)偏移量 */
}
#section3 {
  position: relative; /* 相對于其正常位置定位 */
  top: 0; /* 相對于其***近的一個定位祖先元素的頂部偏移量 */
  left: 0; /* 相對于其***近的一個定位祖先元素的左側(cè)偏移量 */
}

或者

.section1 {
  position: relative; /* 相對于其正常位置定位 */
  top: 0; /* 相對于其***近的一個定位祖先元素的頂部偏移量 */
  left: 0; /* 相對于其***近的一個定位祖先元素的左側(cè)偏移量 */
}
.section2 {
  position: relative; /* 相對于其正常位置定位 */
  top: 0; /* 相對于其***近的一個定位祖先元素的頂部偏移量 */
  left: 0; /* 相對于其***近的一個定位祖先元素的左側(cè)偏移量 */
}
.section3 {
  position: relative; /* 相對于其正常位置定位 */
  top: 0; /* 相對于其***近的一個定位祖先元素的頂部偏移量 */
  left: 0; /* 相對于其***近的一個定位祖先元素的左側(cè)偏移量 */
}

這樣，每個部分就會有一個對應(yīng)的錨點(diǎn)，可以通過點(diǎn)擊鏈接來跳轉(zhuǎn)到對應(yīng)的位置。