网站在百度虚拟服务器上运行前端一个版块出现样式错乱，网站在本地运行没有问题

Question

百度出错的：这是正常运行的

这一块HTML的代码：

<div class="ipro2 w clearfix">
  
  <div class="headx">
            <h2><em>研学课程</em><span>MILITARY</span></h2>
            {pboot:sort scode=13}<a href="[sort:link]" class="mo">MORE+</a>{/pboot:sort}
        </div>
  <div class="tod">
      <ul>
      {pboot:list scode=13 num=8 order=date}
          <li><a href="[list:link]" title="[list:title]"><img src="[list:ico]" alt="[list:title]" title="[list:title]" /></a>
          <div class="wd"><a href="[list:link]" title="[list:title]">[list:title len=11]</a>
          </div>
      </li>
      {/pboot:list}  
          
              </ul>
  </div>
    </div>
 

 

CSS样式：

.ipro2{}
.ipro2 ul{width: 110%;}
.ipro2 li{float: left;padding: 10px;border: 1px solid #d0d0d0;margin:12px;transition:none;}
.ipro2 li .wd{text-align: center;height: 50px;line-height: 50px;}
.ipro2 li .wd a{color: #5a5a5a;display: block;width: 232px;}
.ipro2 li img{width: 232px;}
.ipro2 li:hover img{
-webkit-transform: rotateY( 360deg );
    -moz-transform: rotateY( 360deg );
  -ms-transform: rotateY( 360deg );}
.ipro2 li:hover{ border: 2px solid #014B70;padding: 9px;}
.ipro2 li:hover .wd a{ color: #014B70;font-weight: bold;}

Answer 1

这个和放不放在服务器上没关系吧。看你img没有设置height，只设置了width，这样图片等比缩放得到高度后，如果你的图片比率不是一致的，会导致height不一样，这样无法对齐。

 

这个是设计的问题，想当然了图片都是宽高一样的