网络技术问题 | CSS 测验 |第 2 组 |问题 7

问题描述：

以下 CSS 代码段中，哪些属性将影响图像的 position 属性？

img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50%;
  height: 50%;
}

解答：

该代码段中，top、left、right、bottom属性将影响图像的position属性。

• top属性控制元素的顶部边缘相对于包含块的顶部边缘的位置。
• left属性控制元素的左侧边缘相对于包含块的左侧边缘的位置。
• right属性控制元素的右侧边缘相对于包含块的右侧边缘的位置。
• bottom属性控制元素的底部边缘相对于包含块的底部边缘的位置。

此外，margin属性虽然不是定位属性，但是也会影响元素的位置，这里的 margin: auto 为了让元素在水平和垂直方向上居中。width和height属性则控制图像的大小。

代码片段如下：

```css
img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50%;
  height: 50%;
}