如何管理固定 div 的 css left 属性答案

【问题标题】：How to manage css left property for fixed div如何管理固定 div 的 css left 属性
【发布时间】：2014-02-01 10:52:08
【问题描述】：

我在 div 中有 div（.konteineris2 和 .feedback）。当我在.feedback 类中使用left:-200px 时，固定的div 突然出现在屏幕的最左侧，在.konteineris2 之外。我只希望它在.konteineris2 之外向左移动 200 像素，但不会出现在屏幕左侧边框上，然后从该点移动 200 像素。

HTML：

<div class="konteineris2">
   <div class="feedback">
   </div>
</div>

CSS：

.feedback{
   position:fixed;
   top:220px;
   width:100px;
   height:200px;
   background:white;
}
.konteineris2{
   width: 960px;
   height:700px;
   position:absolute;
   top:460px;
   padding-top:30px;
   pointer-events:none;
   overflow:hidden;
}

任何想法如何管理它？

【问题讨论】：

一个工作示例会很有帮助。您是否尝试过使用“位置：相对”而不是“绝对”？
请jsfiddle.net
只使用left:220px作为外部div .konteineris2而不是内部div。

标签： html css position fixed

【解决方案1】：

在.konteineris2 中将position:absolute; 更改为position:relative;

在.feedback中添加margin-left: -200px;

在CodePen 上查看。我想你正在寻找同样的东西。

【讨论】：

老鼠，为什么我总是认为它们是故意使用绝对的？ ;)

【解决方案2】：

如果没有看到更多发生这种情况的上下文，我猜以下可能会实现您的目标：尝试添加 margin-left:-200px。

【讨论】：