盒子大小拒绝正常工作

Question

我有一些简单的html结构：

<section>
  <a href="#">
    <img src="http://static.adzerk.net/Advertisers/db5df4870e4e4b6cbf42727fd434701a.jpg"/>
    <h4>Something here</h4>
  </a>
</section>

我在这个部分应用了一个盒子大小：边框：我也给了ancor一个悬浮状态，增加了填充，如：

section a:hover{
  padding:5px 0px;
}

但不可思议的是这个部分会增加尺寸。如果我选​​择填充尺寸，填充物应该进入内部，这种情况不会发生。你可以看看我的Fiddle

Answer 1

您需要在该部分设置固定高度。否则，没有溢出;该部分将增长以适应内容。