Div背景不显示

Question

为什么我的div背景不能正常显示？这是代码：

<div style="
    width:676px; 
    height:230px; 
    display: inline; 
    margin: 0 0 0 0; 
    background-image: url('http://www.goodsstall.co.uk/ekmps/shops/goodsstall/resources/Design/becomefan.png');">    
</div>

我的想法是制作宽度为676像素且高度为230像素的div，其背景图像为http://www.goodsstall.co.uk/ekmps/shops/goodsstall/resources/Design/becomefan.png

Answer 1

删除display:inline，然后您就可以看到它。 Working fiddle here

如果您需要内嵌，请考虑使用float: left或display: inline-block。

Float reference.
Display reference.

Answer 2

display: inline-block代替display: inline

Demo