CSS中相對定位和絕對定位的區別

1、相對定位的優點：相對定位是根據元素自身的位置進行定位，不影響其他元素的位置，同時可以通過top、left等屬性進行微調。相對定位適合用於微調元素位置。

相對定位的缺點：相對定位不會脫離文檔流，如果其他元素的位置與它發生重疊，可能會導致布局混亂。

2、絕對定位的優點：絕對定位可以將一個元素從文檔流中徹底脫離出來，讓其位置對其他元素不產生影響，同時可以使用top、left、right、bottom等屬性精確定位元素。

絕對定位的缺點：由於絕對定位使元素脫離文檔流，可能會導致布局混亂。

1、PLC相對定位：與CSS中的相對定位類似，PLC相對定位是利用相對地址進行定位，相對於先前輸入的地址進行定位，可以通過指令調整元素位置。

2、PLC絕對定位：與CSS中的絕對定位類似，PLC絕對定位是根據設備的物理位置進行定位。

1、伺服相對定位：與CSS中的相對定位類似，伺服相對定位是利用相對位置進行定位。

2、伺服絕對定位：與CSS中的絕對定位類似，伺服絕對定位是根據已知的基準點進行定位，可以通過指令調整元素位置。

1、步進電機絕對定位：步進電機絕對定位是根據已知的基準點進行定位，可以通過控制電機轉動角度精確定位元素。

2、步進電機相對定位：步進電機相對定位是根據當前位置進行定位，適合於微小調整元素位置。

  /* 父元素相對定位 */
  .parent {
    position: relative;
  }
  
  /* 子元素絕對定位 */
  .child {
    position: absolute;
    top: 10px;
    left: 10px;
  }

這種布局方式常用於實現懸浮效果或響應式布局。通過給父元素加上相對定位，子元素就可以根據父元素進行定位，具有良好的適應性和靈活性。

1、html相對定位：相對於元素自身位置進行定位，可以通過left、right、top、bottom等屬性微調元素位置。

相對定位

原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/187235.html