缩小窗口大小时，Html文本位置不在同一位置

当我缩小浏览器窗口时，文本聚集在一起，一切都乱七八糟。 有什么代码可以防止这种情况发生吗？我希望他们无论窗口大小都保持自己的位置

.fixedmenus{
溢出：隐藏；
背景色：rgb（153,0,51）；
位置：固定；
排名：0；
宽度：100%；
字号：2em；
左：0；
位置：相对位置；
字体系列：“Courier New”，Courier，monospace；
}

||伊格德拉塞尔||
||登录||
欢迎来到引领时尚的页面。

.fixedmenus{
溢出：隐藏；
背景色：rgb（153,0,51）；
位置：固定；
排名：0；
宽度：100%；
字号：2em；
左：0；
位置：相对位置；
字体系列：“Courier New”，Courier，monospace；
}

||伊格德拉塞尔||
||登录||
欢迎来到引领时尚的页面。

在这种情况下，防止收缩的最简单方法是为

.fixedmenus

指定一个固定的大小（而不是百分比）。通常，如果父元素调整大小（如在内联样式中设置的填充和30%宽度），则以百分比形式给出的任何规则都会缩小。还有最后一件事，您将设置

位置

属性两次，从而导致覆盖。最快的解决办法是：

.fixedmenu {
    overflow: hidden;
    background-color:rgb(153,0,51);
    position: fixed; 
    top: 0; 
    width: 1200px; 
    font-size:2em;
    left:0;
    font-family:"Courier New", Courier, monospace;    
}

---

但在我看来，最好的方法是设置一些媒体查询，以便更好地解决不断变化的窗口大小。

您是否可以添加一些HTML来显示问题？刚刚在我的问题上发布，感谢可能是它的字体大小造成了问题。试着用一些px。只要给你的固定菜单增加一个宽度——如果你想让它保持在一个固定的位置，它会被弄乱，因为你的固定菜单会调整大小，给容器一个固定的宽度对不起，我正在给shang演示如何添加宽度描述您正在做的更改以及为什么这是一个答案。我更改了登录位置：绝对；右：0px；希望这有帮助哈哈哈，花了3分钟的时间试图找出这个答案的区别，但什么都看不到-只写代码的答案永远都不好，很可能会让你被否决，因为它没有解释任何东西，只是变成了一场发现差异的游戏，它没有反应是的，OP没有很好地解释他们想要什么，但是我看不出这比他们有什么好-如果你点击这个片段，它看起来完全像OP说他们不想要的东西的图像，通过绝对定位，你会得到正确的文本在某些点重叠，所以如果有任何事情，它会使它变得更糟，但是嘿，嘿，如果OP说他们的解决方案是固定的，那么fair Play告诉我不要使用px来设置宽度，而不是%是因为要防止其他pc的分辨率不同，因此它将不适合。例如，我现在为我的pc设置2000px，但当我在屏幕较小的笔记本电脑中打开网站时，它将不适合并显示文本“登录”将覆盖。好的，那么的答案可能有效。也许为了更好地控制，您应该将新规则中的内联样式移到html之外，并且对于带有媒体查询的较小屏幕，可能会增加主div的30%。