侧面导航栏不会重复？答案

【问题标题】：Side Navigation Bar won't repeat?侧面导航栏不会重复？
【发布时间】：2013-09-25 19:14:50
【问题描述】：

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

这里是栏的代码：

#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查看问题

【问题讨论】：

因为图像是纯色的，为什么不使用颜色代码（例如#00FFEE）？

标签： css

【解决方案1】：

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

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

【讨论】：