html - 使父元素与子元素的高度相同？

Question

我有一个标题，里面有一个链接，我想让 h2 成为链接的不同背景。但是，当我向链接添加填充时，它会溢出父级，我怎样才能让父级成为子级的高度？

<h2><a href="#">Something</a></h2>  

h2 {background:blue; }
h2 a {background:red; padding:20px; color:white;}

JSfiddle:http://jsfiddle.net/5LHmr/

谢谢

Answer 1

在 h2 a { ... } 规则集中设置 display: inline-block:Demo