2013-07-29 166 views
2

我有一個鏈接裏面的標題,我想讓h2有不同的鏈接背景。但是,當我將填充添加到鏈接時,它會溢出父母,我怎樣才能讓父母成爲孩子的高度?使父元素與子元素的高度相同?

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

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

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

感謝

+0

標籤是內聯的,使之顯示:塊或內聯塊 – Huangism

回答

7

h2 a { ... }規則集中設置display: inline-blockDemo

2

使用display:inline-block

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

Js Fiddle

相關問題