在页面底部显示图片

Question

我想在页面底部显示图片（宽度为1px，高度为200px）。但是，当我使用下面的代码时，我在页面上看不到任何新东西。

HTML：

<div id="makeThisBottom"> 
    <ul class="xy"> 
</ul> 
    </div> 

这里是它的CSS：

ul.xy { width:auto; margin: 0; padding: 0; display:block; background:url(images/3006.png) repeat-x bottom left; } 

#makeThisBottom{ 
    position: absolute; 
bottom: 0; 
right: 0; 
left: 0; 
} 

这个div和UL是正确的背后</body>（所以，很可能没有覆盖）。我如何解决它，我做错了什么。由于

Answer 1

限定ul的height和width：fsFiddle Demonstration

ul.xy { 
    width: auto; 
    margin: 0; 
    padding: 0; 
    display:block; 
    height: 200px; 
    background: url(images/3006.png) repeat-x; 
} 

#makeThisBottom { 
    position: absolute; 
    bottom: 0; 
    right: 0; 
    left: 0; 
}