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

标签 html css

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

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

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

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

谢谢

最佳答案

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

关于html - 使父元素与子元素的高度相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17928945/

相关文章:

javascript - SVG 过滤器不绑定(bind)到它的图标

html - 如何在给定的总高度中堆叠多个 DIV,并在一个 DIV 上进行垂直滚动(无 JS)

css - 将响应图像裁剪到偏离中心点

尝试将鼠标悬停在 HTML 子菜单上时消失

html - 带有图像的响应式网格(第一列有 3 行,第二列有 1 行)

javascript - 在前台同步拖放文件上传而不使用 AJAX?

javascript - 如何为用户创建搜索字段并自动填充 html 列表

html - 滚动条高度显示 100%

javascript - 过渡动画,高cpu?

javascript - 如何在 jquery 中单击时更改元素的 zIndex?