需要修复三个重叠的div

Question

我有3个div，2个位于内侧固定位置（左侧边栏和右侧边栏），中间位置（中间内容div）用于内容，每次调整窗口时它们彼此重叠。

代码： http://jsfiddle.net/4RPFa/3698/

网站： http://www.highclassgastro.ic.cz \

    <div class="LeftFloat">
    <div class="VA">
**LEFT SIDEBAR**
    </div>
    </div>
    <div id="wrapper">
    <div class="main">
**MIDDLE CONTENT DIV**
    </div>
    <div class="RightFloat">
    <div class="VA">
**RIGHT SIDEBAR**
    </div>
    </div>
    <div id="language">
    <div class="VA">
    <img src="" alt="SK"/> | <img src="" alt="EN" />
    </div>
    </div>

我挣扎，我不能再往前走了， 1.如何让它不相互重叠？

Answer 1

以下是关于如何保留3个div而不重叠的示例：http://jsfiddle.net/w3tK6/2/ 并且我在主要部分中添加了一个div，其最小宽度为300px，您必须在侧边栏和主要内容上使用min-width，这样他们才会有一些最小的宽度，并且他们赢了＃39 ; t重叠。

请注意，这不是一项容易的任务，需要时间来根据具体情况获取正确的值。

如果您希望您的网站在所有屏幕上看起来都很好，您应该阅读响应式网页设计，并尝试使用响应式css框架。那里很少有好处，但最受欢迎的是Foundation和Bootstrap。