我无法让两个内联块div同时停留在父div的顶部。一个内联块div位于父div的底部,而另一个位于顶部。
如何让两个div保持在最顶层?
HTML
<div id="middle_page_holder_outside">
<div id="middle_page_holder">
<div id="vote_below_slider_holder">
...
</div>
<div id="polldaddy_holder">
...
</div>
</div>
</div>
CSS
#middle_page_holder_outside {
width:100%;
float:left;
}
#middle_page_holder {
max-width:610px;
text-align:center;
margin:auto;
}
#vote_below_slider_holder {
width:300px;
margin:0 0 30px 0;
display:inline-block;
}
#polldaddy_holder {
width:300px;
margin:0 0 30px 0;
display:inline-block;
}
这是链接: http://hollywoodrooster.com/alexa-ray-joel-plastic-surgery-nose-job(在主要内容之下 - 这是两个投票区块。)
以下是问题的屏幕截图
答案 0 :(得分:2)
将您的CSS更改为:
#vote_below_slider_holder {
width:300px;
margin:0 0 30px 0;
display:inline-block;
vertical-align:top;
}