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

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

Answer 2

使用display:inline-block

h2 a { 
background:red; 
padding:20px; 
color:white; 
display:inline-block; 
} 

Js Fiddle

Answer 3

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

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