Html 底部对齐有问题吗

我正试图让我的一页上的项目排在底部。现实世界的例子是。您可以在主页上的内容区域看到，有两个产品框具有不同大小的图像，这将是常见的。我希望底部对齐，这样看起来更整洁。我试过在我的主类上做垂直对齐：底部，但不起作用，我想是因为浮动：左。然而，经过几个小时的测试，我无法理解。我感谢您的任何意见/帮助

以下是页面代码：

<div class="float_r" id="content">
<h3>Recent Additions</h3><br>

<div class="product_box">
<a href="productdetail.php?id=1"><img width="150" src="admin/uploads/ONE-7 O.JPG"></a>
<h3>Huck Finn</h3>
<p class="product_price">One Mint</p>
<!--<a href="#" class="add_to_card">ONE-7</a><br/>-->
<a class="detail" href="productdetail.php?id=1">Details</a>
</div>          

<div class="product_box">
<a href="productdetail.php?id=20"><img width="150" src="admin/uploads/MLM-11 O.jpg"></a>
<h3>Keep Me &amp; Never Go Broke</h3>
<p class="product_price">Mother Lode Mint</p>
<!--<a href="#" class="add_to_card">MLM-11</a><br/>-->
<a class="detail" href="productdetail.php?id=20">Details</a>
</div>          


</div>

---

您可以使用相对定位来向下移动div，但是，您需要给Keep Me&Never Go break div一个唯一的id

添加到div

id="whatever_u_want_to_call_it"

然后设置id的样式，使其具有相对位置

#whatever_u_want_to_call_it{
position: relative;
bottom: -215px;
}

---

我认为

内联块

方法可以满足您的需求：

.product_box {
    display: inline-block;
    margin: 0;
    text-align: center;
    vertical-align: bottom;
    width: 225px;
}

---

为什么要用PHP标记？你知道PHP是服务器端语言吗？。它们不再得到维护。看到了吗？相反，学习，并使用or-将帮助您决定哪一个。如果您选择PDO，。这是一个购物车脚本，有人为我的站点转换了它，然后使用我有限的php/mysql知识，我正在尝试对它进行微调，这样我就不会为每一个微小的更改付钱给他们。所以为了回答你的问题常识，我不知道，这就是代码传递给我的方式。j0k…我没有意识到mysql已经被弃用了。经过一番研究，我明白你在说什么了。我想我会把它放在我要尝试和解决的事情清单上。xpy…这就像一个符咒！非常感谢大家对这个问题的回答和帮助。这是一个很好的社区，也是一个很好的资源，我非常感谢您的帮助！谢谢奥森…我相信这可能会奏效，但xpy的是一个更简单的解决方案，让我理解。但是谢谢你的回复！

.product_box {
    display: inline-block;
    margin: 0;
    text-align: center;
    vertical-align: bottom;
    width: 225px;
}