为什么在IE中输入错位？它在Firefox和Chrome中是否正常

为什么输入在IE中错位？在Firefox和Chrome中无关紧要。输入不显示在图像下方的右侧。由于我无法在此处发布图片，因此我会在代码中添加“xxx”而不是图片网址，并在评论中添加CSS和截图网址。非常感谢为什么在IE中输入错位？它在Firefox和Chrome中是否正常

<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; 
}

来源

2012-02-21 user1222589

HTTP：//static.blueidea。 com/attachment/forum/201202/21/1327086eo1we3sbj5u57we.jpg这里是屏幕截图 – user1222589 2012-02-21 07:52:35

把文本输入框在自己的股利和浮动DIV向左：

<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> 
    <div class="txt"> 
     <input type="text" placeholder="say something" value="" class="txt" > 
    </div> 
</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; 
} 
div.txt { 
    float: left; 
} 
input.txt { 
    border: 1px solid #DEDEDE; 
    color: #999999;  
    height: 20px; 
    line-height: 20px; 
    margin-left: 0; 
    padding-left: 6px; 
    width: 108px; 
}

来源

2012-02-21 08:32:35

浮动文本输入元素在IE 9中似乎不是问题，除非您处于“Compatibility V IEW“。 – 2012-02-21 08:55:11

为什么在IE中输入错位？它在Firefox和Chrome中是否正常

回答

相关问题