Question

我目前有一个我希望有位置的div：fixed;

它正常工作，但不再是div的定位。

我已经尝试过保证金：auto＆amp;文字对齐：中心但仍然没有。我尝试在我的主要部分周围设置一个div，而另一个固定，但仍然没有。

没有位置：修正了它以我想要的方式为中心。有位置：固定;它只是向左走。

任何人都知道解决方案吗？

Answer 1

您需要将left: 0和right: 0;添加到中心fixed定位元素。

＆＃13;

.dd {
    position: fixed;
    width: 50%;
    height: 100px;
    background: lightgreen;
    left: 0;
    right: 0;
    margin: 0 auto;
}

＆＃13;

<div class="dd"></div>

＆＃13;

Answer 2

如果要对齐位置：固定元素，则需要将坐标值添加到顶部，左侧，右侧和底部。或至少其中两个。

position: fixed;
top: 50%;
left: 50%;

然后你必须将元素转换为完全居中，因为0/0坐标它位于元素的顶部/左角。

您可以使用

transform: translate(-50%, -50%);

Answer 3

使用top，left和transform

＆＃13;

.fixed{
  position:fixed;
  width:200px;
  height:200px;
  background-color:green;
  left:0;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

＆＃13;

<div class="fixed">
</div>

＆＃13;

无法在中心

3 个答案: