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

标签 html css wordpress

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

这是问题的图片:

正确位置:

enter image description here

位置不正确:

enter image description here

此外,这里是 div 的 CSS:

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

网站是 wastelandgamers.com

如果有人知道如何解决这个问题,我将不胜感激!

编辑:

抱歉,我不够清楚,现在我意识到我剪裁图片的方式让标题看起来像是在扩展,但事实并非如此。新的消息文本不会保留在原处。每当我缩小屏幕时,文本都会向右移动,而不是停留在搜索栏上方。不幸的是,除非您登录并收到一条消息,否则您无法真正测试它。

最佳答案

我不确定您的 HTML 是什么样子,但从屏幕截图来看,我会将所有元素包装在一个 span 或 div 中,然后对其进行定位。

关于html - 我有一个 div,当屏幕变小时我需要保持在某个位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40055368/

相关文章:

jquery - jQuery 动画的一些问题

html - 悬停 CSS 中的类

CSS重置覆盖背景颜色

jquery - 相对于菜单加载的样式表定位

PHP: fatal error :调用非对象上的成员函数 insert()

apache - 漂亮的 URL 重写有时使用 "?"有时不使用

javascript - flex 容器无法检测窗口 scrollTop 偏移量

javascript - 如何使用javascript设置html中特定单元格的背景颜色?

css - Font Awesome图标+链接+悬停颜色

javascript - 以联系表 7 的形式发送 javascript 变量 (cookie)