响应式设计正在运行，但不能水平对齐

Question

我自己创建了这个网站，以便更好地学习并理解我在做什么。但是框（Box1，Box2等）没有正确对齐。我希望所有头条新闻都在同一个高度，有人能指出我吗？

http://hasaanlatif.de/

CSS：http://hasaanlatif.de/main.css

Answer 1

使用位置position:relative，然后使用css的top或bottom属性，并使用-ve或+ ve值调整到相同的高度

Answer 2

试试这个：

.box {
    color: black;
    margin: 2% 0 2% 0%;
    padding: 0;
    border: 0px solid black;
    width: 33.33%;
    display: inline-block;
    float: left;
}

如果想要添加更多框

，请更改宽度