尽管声明了属性，但 href 标记的高度为 0

Posted 2023-03-05

【中文标题】尽管声明了属性，但 href 标记的高度为 0

【英文标题】：a href tag getting 0 height inspite of the attribute being declared

【发布时间】：2011-10-05 00:51:30

【问题描述】：

全部，

在我的网站www.coutallure.com

页面底部的“密码”字段正下方有一个“忘记密码”的 div。

现在，尽管我已经指定了 div 的高度和宽度（id: fpass），但这个 div 内的 'a href' 标记不会继承父 div 的高度（fpass）。

我还指定了“a href”标签的高度和宽度，根据萤火虫，浏览器正在考虑高度和宽度，但仍然是“a href”标签的高度仍然为零！

谁能告诉我为什么会这样，即“a href”标签的高度和宽度不是浏览器使用的实际高度和宽度？

【参考方案1】：

a 元素默认是内联的，添加 display: block 使其监听其尺寸。

内联元素不会听从 CSS 设置的尺寸。

jsFiddle.

【讨论】：

+1 好眼力。没有意识到锚点有背景图片并且本来是空的:)

感谢 Alex 给了我一个容易记住的教训。问题解决了。