html - 内联 block DIV 标签显示在内容最多的标签下方

Question

为了我的学校元素(以及我的个人需求)，我正在创建自己的个人网站。

我有 4 个内联 block DIV。第一个里面有一些内容，其他的除了一个标题外都是空的。

空的被“推”，并垂直对齐到内容的底部。网站上的示例 @ http://rickyyoder.x10.mx .

有什么我可以做的不涉及使用 float 来实现的吗？如果我必须使用 float ，我该怎么做？我尝试将每个“左” float ，并给定 20% 的左边距(每个部分的宽度)，它们仍然彼此堆叠。

请帮助我理解。谢谢!

编辑:每个内容 DIV 的当前 CSS 代码:

   #c.section-split div.section{
        display:inline-block;
        width:20%;
        max-width:20%;
        margin-right:2%;
        position:relative;
        background:#aaa;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
    }

Answer 1

将此添加到您的 div 的 css

vertical-align:top