对于我的学校项目(以及我的个人需求),我正在创建自己的个人网站。
我有 4 个内联块 DIV。第一个有一些内容,其他的都是空的,除了一个标题。
空的被“推送”,并垂直对齐到内容的底部。网站@ http://rickyyoder.x10.mx上的示例。
有什么我可以做的不涉及使用浮点数来实现这一点吗?如果我必须使用浮点数,我该怎么做?我尝试浮动每个“左”,并给出 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;
}