1

我在一个网站上工作，无论我做什么，我似乎都无法让侧面导航栏重复。因为栏是浮动的，所以我创建了一个图像并让它重复。但它不会。我错过了一步吗？

这是酒吧的代码：

#leftColumn {
    margin-top:0;
    padding-top:30px;
    background:url(http://www.cnam.ca/uploads/images/left-column2.png);
    background-repeat: repeat-y;
}

您可以在此网站http://www.cnam.ca/annual-workshop查看问题

4

1 回答 1

1

查看 Chrome 开发人员工具中的#leftColumn 元素，我发现问题在于 div 的高度，而不是背景图像。您的 div 高度仅与包含所有内容所需的高度一样高。将height: 600px添加到该元素可以确认这一点，因为背景图像会重复。

您应该查看人造列以实现您正在寻找的结果。 http://alistapart.com/article/fauxcolumns

于 2013-09-25T19:19:29.813 回答