css – 标题宽度(H1,H2等)

我希望我的标题(h1到h6)具有背景颜色(与页面背景不同)，我也希望这个背景的宽度与标题中文本的宽度相同，加上padding(不是头部所在的容器的宽度，现在正在发生)。

没有太多的意义，我向你显示任何代码，因为这是相当简单的(或者它应该是反正！)。容器是固定的宽度。现在我为h1，h2，h3等标签设置了一些边距，填充，背景颜色和字体样式。

编辑：我猜代码会有帮助！ https://web.archive.org/web/20090724165158/http://adriantrimble.com/headers(这已经应用了Gerald的解决方案，虽然显然这在IE6 / 7中仍然不起作用，但在较新的浏览器中仍然存在问题)。使用display：inline会导致比解决问题更多的问题，使用float：left和clear：left如上所述由于2列布局而有问题。感谢大家帮助到目前为止。

解决方法

我会用

#rightcol h1,#rightcol h2,#rightcol h3,#rightcol h4,#rightcol h6,#rightcol h6 {
   float:left;
   clear:left;
}
#rightcol p {clear:left;}

评论后编辑

如果包含的div浮动，则清除不会清除左栏。所以浮动右手边留下并移除边

#rightcol {
   float:left;
   padding:70px 20px 20px 0px;
   width:585px;
}

原文地址：https://www.jb51.cc/css/218145.html