我希望我的标题(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; }