ie9,10打开本地html文件丢失css样式，但是ff，chrome，ie7，8没有问题

IE9+浏览器控制需要css文件的响应类型为text/css，被你的页面是没有这类型的，导致浏览器忽略了你的css文件。在机器上搭建个apache或者tomcat服务器再访问就可以了，怪胎IE

你的图片定义了百分比了没，可能导致的原因就是你的图片过大，把容器撑大了然后内容溢出；

给你个代码：

<div>

    <ul>

        <li>每个商品的样式</li>

        <li>每个商品的样式</li>

        <li>每个商品的样式</li>

    </ul>

</div>

css:

div{width:100% height:200px float:left overflow:hidden}

ul{width:120%height:200pxfloat:left}

ul li{width:48%height:200px float:left margin-right:2%}

这样的布局就是可以依次往下排列，而且li标签的排列页面效果也是一个向左一个向右，第三个和第四个依次适应往下排列一个向左一个向右，里面图片宽度100%；高度180左右，然后下面的是你的价格什么的

---