用a标签包住一个img，css的样式不生效，但是去掉a标签css的样式就生效了，求解答

Question

用a标签包住一个img，css的样式不生效，但是去掉a标签css的样式就生效了，求解答

Answer 1

因为a标签是行内元素，不会自动占满一行，所以a现在的大小就是图片大小，而图片设置宽高100%是相对于父元素来设置的，a和图片一样大，设置了自然看不到效果， 解决办法是给a标签也加上display：block;height:100%;