Question

如何使.post_headline_signup的背景与div中段落背景的高度相同。

这是我的代码：

<div class="post_headline">
    <p>Hello world<span class="post_headline_signup"><a href="site">text inside span</a></span></p> 
</div>

这是我的css：

.post_headline {
background:url(images/signup_bg.jpg) repeat-x;
border-left:1px solid #555;
border-right:1px solid #555;
padding-left:1em;
height:2em;
line-height:2em
}
.post_headline p {
text-transform:uppercase
}
.post_headline a { 
font-weight:bold;
background:url(images/signup.jpg) repeat-x #900;
border-left:1px solid #000;
border-right:1px solid #000;
padding:1.2em; - **THE PROBLEM IS HERE - ONLY PADDING WORKS, LINE HEIGHT OR DIV HEIGHT DOESN'T**
margin-left:1em
} 
.post_headline a:hover { 
color:#FFF; 
text-decoration:underline 
}

泰！

Answer 1

背景图片不能（在css2中）伸展以适合他们的容器。如果你需要拉伸那么你必须把它作为一个＆lt; img /＆gt; （这也不是很好（演示与内容）但是这是css2的限制.Css3可能会提供背景拉伸，但我不认为我已经看过它了）

段落内的Css和span类高度

1 个答案: