背景不显示在重复-y中
左右div（列）的背景不显示。但是当添加“高度：xx px”时显示。 但是我的内容div是灵活的。如何解决这个问题？ tnx。 我的代码是：
<div style="background:url("image/l.png") repeat-y;float:left;width:3px;height:auto;" id="left"></div>
<div style="width: 613px;background:#fff;" id="center">
<p>contents</p>
<p>contents</p>
<p>contents</p>
.
.
.
.
.
.
</div>
<div style="background:url("image/r.png") repeat-y;float:left;width:3px;height:auto;" id="right"></div>
background of left and right div(column) not show.but when add "height: xx px" are shown.
but my content div is flexible.how solve this problem?
tnx.
my code is :
<div style="background:url("image/l.png") repeat-y;float:left;width:3px;height:auto;" id="left"></div>
<div style="width: 613px;background:#fff;" id="center">
<p>contents</p>
<p>contents</p>
<p>contents</p>
.
.
.
.
.
.
</div>
<div style="background:url("image/r.png") repeat-y;float:left;width:3px;height:auto;" id="right"></div>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
组合
l和r.png 并使它们成为 1 个在 #center 上垂直重复的背景图像，或者如果需要，将它们放在中心元素的父元素上。Combine
landr.png and make them 1 background image repeating vertically on #center, or if necessary put them on the parent of the center element.最有可能的是双引号...为了最佳实践，请尝试将 css 保持在外部。猎人的做法堪称完美。
Most likely the double quotes... for best practice, try to keep your css external. What hunter did is perfect.
去掉双引号。使用 url() 时不需要引号。
Get rid of the double quotes. You don't need quotes when you use url().