Question

我正在尝试将这个css完全应用于元素中：

.element {
  position: absolute;
  left: 50%;
  margin-left: -285px // the element has width: 500px;
}

此元素位于具有绝对位置的其他div内。

浏览器没有应用左边距，我不知道为什么!!!

我制作了一个CODE PEN来帮助你们帮助我 - ＆gt; http://codepen.io/anon/pen/KpKrmN

谢谢！

Answer 1

我不确定你在做什么，但我有一个可能解决它的解决方案。使用这样的东西：

margin-left: calc(50%-285px);

Answer 2

不遵循100％，但这个代码可能会有所帮助：http://codepen.io/anon/pen/jPOQLM

最大的变化是＆＃34;阻止＆＃34;。我将您的div转换为<div class="main"> <div class="interaction"> Some text <br/> <span>Other text</span> </div> </div>并将其设为＆＃34;正确＆＃34;定位。

.main {
  position: absolute;
  width: 100%;
  height: 150px;
  top: 180px;
  text-align: center;
  border: 1px solid red;
}

.interaction {
  position: absolute;
  right: 0;
  left: 50%;
  margin-left: -285px;
}

CKQueryOperation

留下50％的保证金 - 左侧负数不起作用

2 个答案: