Question

我知道这个HTML是草率的，有一些额外的div是不必要的，但无论如何，我无法理解为什么带有ID的div＆＃34; info_box_right＆＃34;正在对齐父div的底部（您可以看到＆＃34;文本＆＃34;在下面的jsfiddle示例中与底部对齐）。

我有什么想法可以让它与父母的顶部对齐？

http://jsfiddle.net/taddme0y/1/

HTML：

sum of consecutive n numbers 1...n = n * (n+1) /2 


  def check_is_consecutive(l):
        maximum = max(l)
        if sum(l) == maximum * (maximum+1) /2 : 
             return True
        return False

CSS：

<div id="info_container" >
    <div id="info_box">
        <hr class="info_box_hr" noshade>
            <a id="info_box_title"></a>
        <hr class="info_box_hr" noshade>
        <div id="info_box_wrapper">
            <div id="info_box_left">
                <div class="info_box_sub_wrapper">
                    <a id="info_box_logo">
                        <img class="info_img" id="info_img_logo" alt="logo">
                    </a>
                    <a id="info_box_screenshot">
                        <img class="info_img" id="info_img_screenshot" alt="screenshot">
                    </a>
                </div>
            </div>
            <div id="info_box_right">
                <div class="info_box_sub_wrapper">
                    <a id="info_box_right_text">
                        Text
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

您可以使用vertical-align CSS属性指定元素的垂直对齐方式。

#info_box_right {
    vertical-align: top;
}

http://www.w3schools.com/cssref/pr_pos_vertical-align.asp

CSS - div对齐父div的底部（内联块）

1 个答案: