如何阻止div被推倒？

Question

我试图弄清楚如何让我想要在同一条线上的div保持在那里，而不是在屏幕调整大小时被推到下面。

例如，我在网站的所有页面上都有一个侧边栏和一个主体，我将给出一个定义的宽度。它们将直接坐在彼此旁边，高度相同。

边栏CSS

#sidebar {

    width: 380px;
    margin-left: 50px;
    float: left;    
    background: #cee7f7;
    padding: 1%;

}

Body CSS

.container {
     width: 1125px; 
     margin-right: 10%; 
     float:right; 
     background: #fff; 
     padding: 1%;
}

你可以在www.dweeman.com/eb/sitetemplate.html看到一个例子（忽略糟糕的设计）。

基本上我想要的是我所有的div（徽标，电话，侧边栏，正文，页脚等）都保持在各自的位置，无论屏幕尺寸如何，但是具有规定的尺寸。这是否与position属性有关？

非常感谢任何帮助。 （另外，我如何最好地描述这个问题的标题？）

Answer 1

尝试设置 divs 的 min-width 和 min-height ，如果您希望它们保持特定尺寸，无论屏幕如何尺寸。