为什么我的无序列表下面多了一个space？

Question

除了幻灯片中的内容，我在 this test site as a I have on this site 上有相同的滑块，并且这两个站点都是 运行 最新的 WordPress 安装。

出于某种原因，我注意到后一个站点（不是测试站点）上的 <ul class="slides"></u> 在底部有额外的 space，在 clearfix 之前。 space 不是来自列表项。额外的 space 在移动浏览器上比桌面浏览器更引人注目。我不知道是什么原因造成的，也不知道如何摆脱它。

Answer 1

这是因为你在倒数第二张幻灯片上的标题很长（随机的正午炎热：冬天来了，宝贝，快走近一点。），它占据了两行

您可以通过添加以下内容来剪切标题：

.headline {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}