Css3快速链接容器背景

我有以下用于快速链接容器的CSS3代码。我不知道为什么，但是渐变背景不在文本下面。 如果我从

div.quicklinks

中删除

float:left

，我将显示渐变背景，但我想在左侧显示一些文本。 谢谢

---

背景不在内容后面的原因是

div.quickLinks {
    float:left;
}

如果您更愿意将背景渐变直接放在

div.quickLinks

中，它将起作用

请参见演示

编辑 关于评论的背景：

浮动内容时，父容器（在本例中为

quickLinksContainer

）不知道内容有多大。因此，要使容器具有正确的大小，必须指定它。例如：

div.quickLinksContainer {
    height: 150px;
}

---

看

如果我将渐变放在里面，只有文本会有渐变…所以…丑陋…我以为这就是你想要的。你想做什么？我希望整个快速链接容器（页脚）都有渐变背景，而不仅仅是在文本后面。。。。

div.quickLinksContainer {
    height: 150px;
}