我有一个div，当屏幕变小时我需要保持在某个位置

Question

我目前在网站上遇到div问题。我试图让它保持固定的位置，即使是在较小的分辨率上，但无论我到目前为止尝试了什么，每当窗口变小时div就向右移动。

以下是问题的图片：

正确的位置：

位置错误：

此外，这里是div的CSS：

#fep-notification-bar{
    color: #f3ed42;
    border-width: 0px;
    text-align: left;
    background-color: #282828;
    margin-left: 1338px;
    font-weight: normal;
} 

该网站是wastelandgamers.com

如果有人知道如何解决这个问题我真的很感激！

修改

抱歉，我不够清楚，我现在意识到我剪切图片的方式使得它看起来像标题正在扩展，但事实并非如此。新的消息文本不会留在原地。每当我使屏幕变小时，文本向右移动而不是停留在搜索栏上方。不幸的是，除非您已登录并收到消息，否则无法对其进行真正的测试。

Answer 1

我不确定您的HTML是什么样的，但是从截图中我将所有元素包含在span或div中然后定位。

Answer 2

尝试使用float：右边然后可以在css中使用@media编辑某些类或id。

Answer 3

我现在已经找到了解决方案。我已将代码更改为：

#fep-notification-bar{
    color: #f3ed42;
    border-width: 0px;
    background-color: transparent;
    margin-left: 24.7%;
    font-weight: normal;
    position: absolute;
}

它还没有完全解决我的问题，但它至少是一个创可贴。这样文本仍会略微移动，但是，它现在向左移动并且只有少量，因此无论它有多小，它都不会从页面上掉下来。