【问题标题】:Width and height of parent element not equal to image dimensions [closed]父元素的宽度和高度不等于图像尺寸[关闭]
【发布时间】:2014-07-06 08:41:42
【问题描述】:

一位朋友让我看一看他网站上的一个问题。在网站的投资组合部分,div 周围有一个边框,当图像悬停时会有一个翻转效果。但是,有一个奇怪的问题,包含图像和所有数据的框的高度比高度大了 5px。

图像是方形的,所有父元素都将widthheight 元素设置为100%,没有可能导致此问题的填充或边距,所以我似乎找不到原因。

谁能指出发生这种情况的位置以及如何解决它?

描述此问题的示例代码可见here

谢谢!

【问题讨论】:

  • “调试我的网站”问题可能会被关闭。为避免这种情况,您应该创建一个最小但完整的示例来显示问题并将代码粘贴到问题中。另请参阅Something in my web site or project doesn't work. Can I just paste a link to it?
  • 抱歉,我知道描述很模糊,但由于我最初并未参与此网站,因此代码很难阅读,并且创建一个孤立的示例似乎无法描述所有需要的元素。
  • 我已经更新了代码以包含一个指向沙盒版本的链接,其中包含问题和解决方案。

标签: html css height width gallery


【解决方案1】:

您的代码非常糟糕,但是将 display: block 放在图像上会解决它。

原因是图像是内联元素,所以你会在底部得到一些幻像填充,以解释 g、p、q 等的底部。

【讨论】:

  • 谢谢,这就是原因。我很抱歉代码难以辨认,我也有同样的评论:)
猜你喜欢
  • 2010-11-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-02-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-12-29
相关资源
最近更新 更多