更精确的位置css

Question

我在css中有 position：元素，是否有更精确的版本使用px，例如，

 position: 100px left;

在css中有没有类似的方法呢？

Answer 1

您想要的位置是absolute，我认为：

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

定位元素。

位置： PositionProperty ;

有一些位置属性：

• 绝对
• 静态（默认）
• 固定
• 相对

这些是最常用的属性;

现在，如果您想要一个具有绝对位置的元素，请选择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

Answer 2

职位属性

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

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

有四种不同的头寸值：

• 静态
• 相对
• 固定
• 绝对

位置简写

没有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;
}

速记表格

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

回答您的问题

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

#element{ margin-left: 100px; }

或

#element{ padding-left: 100px; }

或

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

或

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

Answer 3

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