css - 模态框需要贴在屏幕右侧

Question

我有一个 Bootstrap 的模态框；我希望它能够根据窗口大小粘在屏幕右侧，具有可重新密封的能力，最小宽度需要为 500px；我尝试了以下方法，但是当我调整窗口大小时它不起作用:(你能在这方面帮助我吗!

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

#add_pixel{
    width: 80%;
    margin-right: 0px;
    float: right;

    min-width: 500px;
}

Answer 1

您应该使用 position: fixed 和 right: 0 来达到预期的效果。