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

Question

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

My blog link

Answer 1

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

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>

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