[分享]css中ad什么意思

在CSS中，AD指的是就按照一定的规则来布局和渲染元素。分成两种方式，分别是绝对定位和相对定位。AD中的“A”代表的是absolute，就是绝对定位的意思。当一个元素被设置为绝对定位时，它是基于其父元...

在CSS中，AD指的是就按照一定的规则来布局和渲染元素。分成两种方式，分别是绝对定位和相对定位。

AD中的“A”代表的是absolute，就是绝对定位的意思。当一个元素被设置为绝对定位时，它是基于其父元素进行定位的，也就是说其位置不会随着文档流的改变而改变。这种方式一般用于需要精确定位的元素，如模态框、tooltip等。

下面是一个示例：

.parent {
  position: relative;
}

.child {
  position: absolute;
  top: 20px;
  left: 20px;
} 

上面的代码演示了一个相对定位的父元素和一个绝对定位的子元素。子元素相对其父元素进行定位，距离其顶部和左侧分别为20像素。

AD中的“D”代表的是display，表示一个元素的展示方式，由于不同元素的默认展示方式不同，因此我们可以通过修改其display属性来改变其展示方式。

下面是一个示例：

.box {
  display: inline-block;
} 

上面的代码演示了一个块级元素通过设置display为inline-block来改变其展示方式。块级元素默认占据一整行，而inline-block元素则是内联块级元素，即占据一定的宽度但不换行，这种展示方式常用于按钮等UI组件的制作。