首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

为什么input在IE8错位了,firefox和chorme正常呢?解决方法

2012-03-16 
为什么input在IE8错位了,firefox和chorme正常呢?input 没有跟上面的图片对齐向右偏移了我设置 margin-left

为什么input在IE8错位了,firefox和chorme正常呢?
input 没有跟上面的图片对齐 向右偏移了 我设置 margin-left:0; padding-left:0;也是不管用啊 下面有截图 很奇怪的
<li class="img">
  <div class="pic">
  <img width="117px" height="70px" src="attachment/201202/21/1_1329785854VWAO.jpg.thumb.jpg">
  <div class="remove" style="display: none;">
  </div>
  </div>
  <input type="text" placeholder="say something" value="" class="txt">
</li>

li.img {
  background: none repeat scroll 0 0 #FFFFFF;
  height: 102px;
  overflow: visible;
  padding: 0 4px;
  position: relative;
  width: 117px;
}
li {
  float: left;
  margin-left: 10px;
}
li {
  list-style: none outside none;
}
.pic {
  margin-bottom: 5px;
  overflow: hidden;
}
.txt {
  border: 1px solid #DEDEDE;
  color: #999999;
  float: left;
  height: 20px;
  line-height: 20px;
  margin-left: 0;
  padding-left: 6px;
  width: 108px;
}


[解决办法]
li {
float: left;
margin-left: 10px; /* 这个影响的 */
}

[解决办法]
li {
float: left;
margin-left: 10px;//删掉试试
}

热点排行