Html 当标题较大或较小时，调整商业价格

我需要调整产品的价格，使它们（如果可能）相对于按钮而不是上面的标题。如果可能的话，我还想避免最小高度。有什么建议吗？

。产品容器{
文本对齐：居中；
浮动：左；
宽度：250px；
高度：470px；
填充物：5px；
边框：薄实线#999；
位置：相对位置；
左边距：10px；
}
.产品说明{
宽度：100%；
文本转换：大写；
字体大小：.8em；
填充：10px 0px；
}
1.产品价格{
位置：绝对位置；
底部：50px；
填充顶部：15px；
文本对齐：居中；
宽度：100%；
字体大小：1.2米；
字体大小：粗体；
}
.添加到购物车{
位置：绝对位置；
底部：5px；
文本对齐：居中；
宽度：100%；
填充顶部：15px；
}
钮扣{
宽度：100px；
高度：30px；
背景颜色：橙色；
颜色：白色；
边界：无；
边界半径：5%；
}

美国crew粉状清洁剂洗发水250ml
€19.95
添加到购物车
美国船员发油85ml
€12.15
添加到购物车

您可以定位按钮和相对于容器底部的价格。您可以发布一些代码吗？至少你的相关html和css。@Gerard你能解释一下吗？谢谢你，这很有帮助。唯一的问题是，它不应该有固定的高度和宽度，因为它会打破整个网站在较小的屏幕上…我理解。只需将您现在拥有的容器放在适当的位置。由于窗户的尺寸有限，我不得不使用固定的宽度和高度。否则它就不合适了，它的工作做得很好。非常感谢。