Php 浮动：左-浮动：当div过高时，右问题。（有解决方案，但不知道如何在MYSQL中实现）

所以我现在正在从数据库中的表中提取行：就像这样

$result_article = $mysqli->query("SELECT * FROM article ORDER BY article_id DESC") or trigger_error($mysqli->error."[$sql]");;
    while($row_article = $result_article->fetch_array(MYSQLI_ASSOC)) {
        echo    '<div class="featured-news">
                    <div class="featured-news-header">
                        <p>'.date("d/m/Y", strtotime($row_article['article_date'])).'</p>
                        <h3>'.$row_article['article_title'].'</h3>
                    </div>
                    <div class="featured-news-content">
                        <p>'.nl2br($row_article['article_content']).'</p>
                    </div>
                    <div class="featured-news-footer">
                        <a href="index.php?page=nyheder-edit&id='.$row_article['article_id'].'"><img height="30px" src="img/action_buttons/nyheder.png"></a>
                        <a onclick="return confirm(\'Er du sikker på at du vil slette dette produkt?\');" href="index.php?page=nyheder-delete&id='.$row_article['article_id'].'"><img height="30px" src="img/action_buttons/delete.png"></a>
                        <div class="clear-fix"></div>
                    </div>
                </div>';
    }
?>

好的。。这就是当我的div高度相同时的情况：

正是我想要的。。。尽管如此。

当我拖出浏览器时（高度因内容拉伸而改变）：

---

我自己可以很容易地解决这个问题，如果我没有提取这些div，我就无法绞尽脑汁让它工作，请帮助。

我使用massy.js修复了它，这非常有用

.featured-news {
background-color:white;
margin-top:2%;
margin-left:2%;
border-radius:6px;
overflow:hidden;
width:49%;
float:right;
transition:all 0.2s ease-in-out;
}
.featured-news:hover {
transform:scale(1.01,1.01);
box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.15);
}
.featured-news:nth-of-type(1), .featured-news:nth-of-type(3n+3) {
margin-left:0;
float:left;
width:49%;
}