.icon中的height:0是什么意思？

Question

为什么会对下面的.icon-img限制

Answer 1

Dell 2019-06-25 01:18:38

设置成0，才能用padding完美的自适应高度呀

• 慕圣3009968 #1

  额？
  这里先设置了.icons是一个宽高比2:1的div
  然后icon的div设置
  float:left
  width:25%
  padding-bottom:25%
  设置.icon的宽高是.icons宽度的1/4
  由于.icon内的子元素撑开了父元素
  我们用BFC设置overflow:hidden
  这样的话子元素.icon不就是宽度的1/4的正方形？为什么会高度出现问题？

• 慕圣3009968 #2

  是不是说由于内部的img和content文字设置影响，导致.icon的高度height不等于0了？所以高度不准了，我们要才要设置一下height=0，让.icon的高度完全由padding-bottom决定，作为一个正方形？

• Dell 回复 慕圣3009968 #3

  是的！