Javascript 在任何屏幕分辨率下固定div的对齐

下面是HTML代码

.Box{
位置：绝对位置；
底部：60px；
右：0px；
左：65px；
显示：块；
背景色：#fedd2d；
最大宽度：60%；
填充：15px；
不透明度：0.8；
}

你好
字幕

只需移除

右侧

和

最大宽度

，然后宽度将根据内容进行调整

.Box {
    position: absolute;
    bottom: 60px;
    left: 65px;
    display: block;
    background-color: #fedd2d;
    padding: 15px;
    opacity: 0.8;
}

---

右：0似乎是个障碍。它会将容器一直拉到右侧，但“最大宽度”也设置了，所以它会在设置的宽度的60%处停止。你们的规则不一致

由于是绝对的，所以实际上不需要显示

除非我理解错了，而且最大宽度在路上。。。否则呢


.Box{
位置：绝对位置；
底部：60px；
左：65px；
背景色：#fedd2d；
最大宽度：60%；
填充：15px；
不透明度：0.8；
}

你好
字幕
`
为了澄清，您希望框的位置从底部到左侧分别为60px和65px，并且其宽度由其内容的宽度定义？是的，您答对了。基本上，这个div与它下面的另一个div对齐。左图：60px在1600*860分辨率下看起来很完美，但在更高分辨率下它会向左移动，对齐会破坏。我怎样才能使这个盒子在任何分辨率下看起来都一样。这听起来和我描述的不同。如果您在代码中包含另一个
，以帮助演示您遇到的问题，这可能会有所帮助。它只是同一种div，下面是用于简化的代码。框2{位置：绝对；底部：-30px；右侧：0px；左侧：65px；显示：块；背景色：#fedd2d；最大宽度：60%；填充：15px；不透明度：0.8；}Foo Barsubtitle好的，这允许框根据内容大小而变化，但是它在更大的分辨率上向左边移动了一点，这破坏了这个div和下面的div的对齐。有没有一种方法可以使这个div在任何屏幕分辨率下都保持在同一位置？如果看不到其他div代码，很难回答，但是你可以保持
右侧：0；
将div固定到右边缘。