CSS - 如何相对于居中的内容div定位固定的侧边栏div

Question

基本上，我有一个固定的侧边栏（固定宽度）和一个内容div（最大宽度）。

我希望内容div居中，侧边栏位于此内容div的左侧。

问题是，在小屏幕上或缩小窗口大小时，内容div必须缩小而不是推动侧边栏。

我尝试了很多解决方案（带有假边距块的浮动块，显示：inline-block和white-space：nowrap），但没有成功。

这是实际的页面：http://daimao.info/logique-monde-esprit?testCSS=3，它可以很好地适应屏幕的大小，但窗口左侧的所有内容都是。

这是一个经过修改的页面：http://daimao.info/logique-monde-esprit?testCSS=1，显示了我尝试做的事情，但只能在大分辨率下显示。

感谢您的帮助。

Answer 1

Here is an example of what I think you're after:

1. 代码结构如下：

   <div class="container">
       <div class="sidebar">
           Sidebar content
       </div>
       <div class="content">
           Content
       </div>
   </div>
   

2. 通过向padding-left添加固定.container值

为侧边栏创建固定空间

3. 将侧边栏宽度设置为相同的值，float将其保留，并为其赋予相同值的负margin-left

侧边栏将保持相同的大小，并在容器调整大小时继续填充容器的padding-left。 .content将填充.container中的剩余空格，并在.container调整大小时调整大小。