html div float center,html – 将div放在float下面：left divs

我想要一个具有基本结构的网站：

<1 div>

<3 divs next to each other>

<1 div>

3个div是浮动的：左边是为了在同一个级别.不过,他们的第5个div(在底部)移动到IE的3个div的顶部,并在Chrome中显示,尽管内容低于3个div.

我想我刚刚在这里做了一些懒惰的编码,但真的不知道更好.

我目前有：

结果是顶部,左图,照片和top3是中间3,而投票低于3.

基本CSS是：

#leftpanel {

float:left;

width:20%;

height: 600px;

}

#top3 {

float: left;

width:20%

}

#photo {

width: 60%;

float:left;

text-align: center;

}

#voting {

width: 500px;

height: 250px;

text-align: center;

margin-left: auto;

margin-right: auto;

}

#results{

width: 300px;

height: 20px;

margin-left: auto;

margin-right:auto;

margin-bottom: 5px;

text-align: center;

}

我确定这是愚蠢的我在做,所以任何输入是非常感谢,我可以用来学习如何正确地做到这一点:)我以前有一个包含在3个中间div的div,但这没有工作,因为那些里面的变化大小.也许我需要这样做,但是用不同的方法呢？