css - 如何禁用表格中元素的流动(CSS)

Question

我在表中有产品。每个都有标题、价格和缩略图。如果缩略图不同，价格元素会四处流动，有时在顶部，有时在底部。 我想将它设置为始终位于表格的右上角。

图片上我标了绿色，可以，红色怎么改。

Answer 1

您必须将缩略图和价格 div 设置为“float:left”，并且两个 div 的宽度都应以“%”为单位。例如，

.thumbnail{
   width:75%;
   float:left;
 }

.price{
  width: 25%;
  float:left;
 }