侧栏固定在屏幕左侧，中间内容固定在边距：0自动

Question

我的项目中有一些不同的结构。 我不确定是否可能。

Here is code what I have done so far.

它适用于我的19英寸屏幕。

这就是它在笔记本电脑屏幕上的外观（侧栏与中间内容重叠） http://s29.postimg.org/a3vfj59kn/screen2.png

我的预期结果是侧边栏现在应该重叠在小屏幕的中间内容上（至少到14英寸）。

由于中间内容具有自动边距，因此会在两侧留下空间，使侧边栏重叠。

我本可以使用媒体查询完成此操作，但我也需要支持IE8。

我需要支持至少14英寸的屏幕。

它不是移动兼容网站。

我想只有HTML / CSS解决方案。有可能吗？

Answer 1

我在管理端的项目中有一个类似的结构。

This is how I resolved it.

您可以使用overflow: hidden.

添加包装div

并且在包装器div中还有一个div，其中min-width如下所示

在您的情况下，

middle content + (2 * with of side bar)将为min-width:1127px

这会将中间内容保留在中心，不允许侧栏与中间内容重叠。