您的位置：首页 > Web前端 > CSS

float在ie浏览器上的兼容问题

2016-03-31 10:46 459 查看 
<span style="font-size:18px;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>浮动问题</title>
<style>
div{
width:200px;
height:20px;
border:1px solid red;
}
span{
float:left;
}
a{
float:right;
}
</style>
</head>
</span><pre name="code" class="html"><body>
<div>
<span>shop</span>
购物
<a href="#">more</a>
</div>
</body>


</html>

这段代码在Google，Firefox浏览器中是在一行显示的

，而在ie浏览器中则是


，造成这个的原因是“购物”是文本，而且它没有用任何标签，在ie中后面的“more”就会另起一行，解决的方法是：

<span style="font-size:18px;"><body>
<div>
<span>shop</span>
<span>购物</span>
<a href="#">more</a>
</div>
</body></span>
这样的话就ok了。
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                css
                                                浏览器
                                                ie
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航