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> 

我的想法是让分度的676px宽度和高度230px，这将有背景图像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