无法使内联块div保持在父div的顶部

时间:2014-08-09 18:44:30

标签: html css

我无法让两个内联块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(在主要内容之下 - 这是两个投票区块。)

以下是问题的屏幕截图

enter image description here

1 个答案:

答案 0 :(得分:2)

将您的CSS更改为:

 #vote_below_slider_holder {
                width:300px;
                margin:0 0 30px 0;
                display:inline-block;
                vertical-align:top;
                }