中心元素使用CSS定位定位

Question

无法将使用CSS定位的元素居中“top and left and position：fixed attributes”。

Answer 1

固定位置将元素放在对浏览器的引用中，而不是父元素。请参阅以下有关职位的摘录：已修复 -

  

产生绝对定位   元素，相对于   浏览器窗口。元素的位置   使用“left”，“top”指定，   “正确”和“底部”属性

来自here

您可能希望使用position: relative，但如果没有来源，则很难确定。

Answer 2

将类 centee 添加到您想要居中的内容中。将其包裹在具有 centerer 类的容器中。容器将不可见。

<强> HTML

<div class="centerer">
 <div class="centee"></div>
</div>

<强> CSS

.centerer {
 position: fixed;
 left: 50%;
 height: 50%;
 width: 1px;
 height: 1px; 
}

 .centee {
  position: absolute;
  width: 555px;
  height: 333px;
  margin-left: -50%;
  margin-top: -50%;
  background: blue;
 }