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

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/