div display=inline background-image 的时候,图片不显示

当display=inline的时候background内的image就不显示了~~~~~~~~~~~~

解决方法:还是用display:block 同时使用 float:left

这样所有元素跑到最多边了..想居中???

在外围再加一个div,让这个div居中 就可以达到效果了..


<div style="width:100px;height:100px;border:5px solid green;margin:0px auto;" align="center">
    <div style="float:left;width:40px;height:40px;border:3px solid Blue;margin:2px;background:#ccc"></div>
    <div style="float:right;width:40px;height:40px;border:3px solid red;margin:2px;background:#ccc"></div>
</div>

效果图: