Html 在Chrome中上下调整响应站点的大小不会重置某些元素

我一直在使用Wordpress在这个网站上工作

该网站反应迅速，一般来说效果不错，但在Chrome中存在一个恼人的问题。当您向下收缩浏览器，然后再进行备份时，侧边栏和右侧标题内容不会重置位置，直到点击“刷新”

我发现，如果我在inspector中选择div.site main.sidebar容器样式并取消勾选位置：absolute并重新勾选它，这也会恢复它。我还没有找到一种方法来处理右边的标题文本

---

我对web开发相对来说是新手，所以我可能做了一些愚蠢的事情，但非常感谢您的帮助。

如果您有地方放置自己的自定义js代码，这就是您所需要的：

$('.headerLogoRealEstate').on('resize', function(){
    if($(window).width>911){
        $(this).css('position', 'absolute');
    }
});

这将用于调整大小，如果窗口宽度大于911px，它将在标题上放置position:absolute。

Class.site main.sidebar容器具有position:absolute，但没有权限：0。此外，父容器没有position:relative

---

请阅读

我建议您最好定义您的规则，而不是寻求一个javascript解决方案来解决一个非常有趣的CSS问题。当元素具有固定或绝对位置值时，最好始终非常明确。在每个媒体查询中，尝试指定顶部和右侧值。

将右侧属性值设置为绝对定位的div。调整大小后，它将自动定位。不需要添加JS

.site main.sidebar容器{ 右：6%；

---

}谢谢，这确实让我走上了正轨，问题是我需要让侧边栏与顶部菜单对齐。我也会尽快浏览css_定位文章！Brill，我在侧边栏中添加了一个右：3%的样式，这就对它进行了排序：现在我需要对标题进行排序，希望这是一个类似的问题，或者我可以从w3schools的文章中了解到。谢谢，我正在玩顶部和右侧定位游戏，请参见上面的评论：将侧边栏与菜单对齐。看起来侧边栏正在工作，为您的输入干杯！：要学的东西很多，我仍然没有问题。祝你好运：为这个建议干杯。如果可能的话，我想先使用CSS，但这个替代方法值得注意：我最近用js编写了很多代码，所以这是我想到的第一件事：d CSS可能是更简单更好的解决方案：