html - div 外部的链接标记会导致空白

Question

我的附加 div 有问题在一个链接里面。我希望它们全部连接起来，底部没有空白。我发现这是一个 <a>标签问题。

这是我的代码笔的链接和展示问题的图片:

http://codepen.io/Felnyr/pen/WRGRyQ

图片来自 Inspector:

Answer 1

我发现您的笔有两个问题。

1. 在 JS 中，第 9 行 href=\"#\ 后缺少双引号。
2. 要解决底部边距问题，您只需将 channel 盒父级的行高更改为 0。

像这样:

.channelBoxes
  line-height: 0

这修复了所有响应断点处的问题。

---

保持文本格式正确。您可以使用负底边距，但这可能不完全跨浏览器兼容(尤其是某些 Android 浏览器似乎有问题)。您可以将 margin-bottom: -10px 添加到您的 .Box css。