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

时间:2014-02-01 10:52:08

标签: html css position fixed

div中有div(.konteineris2.feedback)。当我在left:-200px课程中使用.feedback时,固定的div突然出现在屏幕的最左侧,.konteineris2之外。所有我希望它在.konteineris2之外向左移动200px,但不会出现在左侧屏幕边框,然后从该点移动200px。

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

任何想法如何管理它?

2 个答案:

答案 0 :(得分:2)

position:absolute;

中将position:relative;更改为.konteineris2

margin-left: -200px;

中添加.feedback

CodePen上查看。我想你正在寻找同样的事情。

答案 1 :(得分:0)

如果没有看到发生这种情况的更多背景信息,我猜以下可能会达到您的目标:尝试添加margin-left:-200px代替。