更准确的位置 css

Question

我在 css 中有一个 position: 元素，是否有使用 px 的更准确的版本，例如

 position: 100px left;

在 css 中是否有类似的方法来做到这一点？

Answer 1

位置属性

位置 属性 指定用于元素的定位方法类型（静态、相对、固定或绝对）。

位置属性指定用于元素的定位方法的类型。

有四种不同的位置值：

• 静态
• 亲戚
• 固定
• 绝对

位置shorthand

不存在 short-hand 来组合所有位置相关的 属性 值。这些都是不同的属性，不像 background，它有 color、image、position 和 repeat 指令，因此可以合并成一个简写形式：

正常形式

#element{
    background-color: #ffffff;
    background-image: url("bg_img.png");
    background-repeat: no-repeat;
    background-position: right top;
    background-attachment: fixed;
}

Shorthand形式

#element{
    background: #ffffff url("bg_img.png") no-repeat right top;
}

回答您的问题

如果您正在寻找一种方法来定位一个元素，使其在左侧具有 100px space，您可以这样做（这取决于您的结构和提供的信息很难说如何，所以你可以提供更多的信息来了解具体情况）：

#element{ margin-left: 100px; }

或

#element{ padding-left: 100px; }

或

#element{ position: absolute; left: 100px; }

或

#element{ position: relative; left: 100px; }

Answer 2

.selector {
  position: relative;
  left: 100px;
}

Answer 3

你要的职位是absolute，我认为：

但是，您的语法不太正确。

---

定位元素。

位置：位置属性；

有几个位置属性：

• 绝对
• 静态（默认）
• 固定
• 亲戚

这些是最常用的属性；

现在，如果您想要一个具有绝对位置的元素，请选择 position:absolute;

在您的情况下，您可能正在寻找的 CSS 将是：

#ElementID {
  position:absolute;
  left: 100px;
}

一个工作示例

---

#absoluteDiv {
  position: absolute;
  left:100px;
  }

.colorblock {
  width: 100px;
  height:100px;
  background-color: #00F;
  }

<div id="absoluteDiv" class="colorblock">
</div>

运行 上面的代码片段是一个工作示例。

希望对您有所帮助:)

编辑有关定位元素的详细信息，请单击this link