底柱未对齐。 CSS？

Question

在http://www.devinkbb.nl上我希望右下方的列与左侧的图片对齐。出于某种原因，它增加了一个最小高度：200px;专栏，以便它突出。图片的高度为180px。

我试图给这个列一个类#ddd。最大高度在css中设置为180px，但这并没有做任何事情。有什么想法吗？

Answer 1

为班级String final = DeleteLine.replace(Checkout, ""); 设置min-height:180px，它在浏览器中正常运行。

查看图片以供参考。

Answer 2

这种情况正在发生，因为包裹在<p>和<p>中的图片有margin-bottom: 20px

你可以做两件事。

第一个解决方案：

在<p class="mb0">

中添加课程

添加新的CSS规则

.post-content p.mb0 {
  margin-bottom: 0px
}

第二个解决方案：

移除包裹在<p>

上的<img>

Answer 3

将min-height:0;设为.fusion-column-wrapper

看起来像

.fusion-column-last .fusion-column-wrapper{
   min-height:0;
}

我已添加.fusion-column-last以避免将样式应用于具有类.fusion-column-wrapper的其他div。如果仍然被覆盖，请在!important

之后添加min-height:0

Answer 4

1. 的答案：

margin-bottom: 20px;更改为margin-bottom: 10px;

1. 的答案： 前两个<p></p>代码使用margin-bottom: 20px;，最后一个代码使用margin-bottom: 0px;

使用它。它应该工作。