Css 引导右侧的模式框：0不工作

我有一个引导模式框；我想把它贴在屏幕的右边；我尝试了以下方法，但当我重新调整窗户尺寸时，它不起作用：（你能在这方面帮助我吗

<div id='test'>
    <div id="add_pixel" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    </div>
</div>

#add_pixel{
    position: absolute;
    right: 0;
}

#添加像素{
位置：绝对位置；
右：0；
}

但是它不会出现在屏幕的右侧！值得一提的是，我的css文件在引导css文件之后被调用

但以下代码可以正常工作：

<div id="id1">
    <div id='id2'>

    </div>
</div>

#id1{
    background-color: yellow;
    height: 400px;
}

#id2{
    background-color: red;
    height: 200px;
    width: 200px;
    position: absolute;
    right: 0px;        
}

#id1{
背景颜色：黄色；
高度：400px；
}
#id2{
背景色：红色；
高度：200px；
宽度：200px；
位置：绝对位置；
右：0px；
}

我不明白为什么它不适用于引导的模态盒，而适用于常规div

---

非常感谢您的帮助！

我找到的唯一方法是直接修改bootstrap.css

找到.modal的规则并删除左侧：0

下面是一个左侧示例：在firefox中禁用0

据我所知，不可能将css规则改写为零

---

我对此也有很多问题，但是下面的风格适合整个模态面板

#clams-modal{
    position:fixed;
    margin:0px auto;
    width:auto;
    z-index:100001;
    left:22px;
    right:22px;
    top:22px;
    bottom:22px ;
}

也许在你的情况下，你可以试试

#add_pixel{
    position:fixed;
    margin:0px auto;
    width:auto;
    z-index:100001;
    left:20%;
    right:0px;
    top:22px;
    bottom:22px ;
}

设置为“自动”的宽度似乎是使正确的修复生效的关键因素