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

Question

我刚刚遇到了一个奇怪的问题。虽然我没有在我的网站上使用任何媒体查询，但当我调整我的窗口大小时，我的博客的侧边栏会向下移动，就像它是响应式的一样，但事实并非如此。它应该保持原样。我如何用css克服这个问题？

我的博客链接

Answer 1

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

div.wrapper { min-width:XXXpx; }


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

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

Answer 2

为什么不使用百分比（%），

<div style="width:25%;"></div>

然后它将根据您的浏览器窗口大小重新调整大小。