为什么我的 CSS'left”属性没有使我的元素居中？

CSS“left”属性不起作用

尝试使用“left”属性将元素与父元素的中心对齐时，如果元素位置不正确，您可能会遇到错误。

考虑有两个 div 的场景，其中一个嵌套在 其他。要将内部 div 的左边框在父 div 内居中，通常可以使用以下 CSS：

#inner {
   width: 400px;
   height: 300px;
   background-color: #090;
   left: 50%;
}

但是，如果内部 div 没有定义的位置，则此代码可能不起作用。默认情况下，元素的位置为“静态”，不允许绝对定位。

要解决此问题，需要将内部 div 的位置设置为“绝对”或“相对”。这允许您使用“left”属性在父 div 中定位元素。

#inner {
   width: 400px;
   height: 300px;
   background-color: #090;
   position: absolute;  // Or position: relative;
   left: 50%;
}

通过将位置设置为“绝对”，内部 div 与正常文档流分离，并且可以使用绝对坐标定位。 “left”属性现在被解释为距父 div 左边缘的水平偏移，有效地将内部 div 居中。

以上是为什么我的 CSS'left”属性没有使我的元素居中？的详细内容。更多信息请关注PHP中文网其他相关文章！