html - 调整浏览器大小时停止侧边栏向下移动

Question

我刚遇到一个奇怪的问题。虽然我没有在我的网站上使用任何媒体查询，但当我调整我的窗口大小时，我的博客的侧边栏会向下移动，就像它是响应式的，但它不是。它应该留在那里，因为这是 。我如何使用 css 解决这个问题？

My blog link

Answer 1

您需要一个带有 min-width 属性的包装器，因为您网站的总宽度缩回并且不能再支撑内容节点旁边的侧边栏。

div.wrapper { min-width:XXXpx; }


<div class="wrapper">
    <div class="content">
    <div class="sidebar">
</div>

包装器min-width(或只是width)必须足够宽以保持侧边栏和内容并排。 (内容宽度)+(边栏宽度)= 包装宽度。