星空网 > 软件开发 > 网页设计

为什么IE6下右浮动的对象换行了

为什么IE6下右浮动的对象换行了:
当一个对象右浮动的时候,在IE6浏览器下面,它有可能会换行。
先看一段代码实例:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">div { width:200px; height:200px; border:1px solid red; overflow:hidden}span{ width:50px; height:50px; border:1px solid blue; float:right;}</style></head><body><div> 蚂蚁部落<span>欢迎您</span> </div></body></html>

以上代码在IE6浏览器运行,右浮动的<span>元素会产生换行现象,也不能说完全换行,而是下滑了一定的尺寸。这就是IE6一个比较重要的bug,也就是当右浮动的元素前面由文本或者内联元素的时候,就会产生换行。解决方案:将右浮动的对象放到文本或者内联元素之前即可。代码修改如下:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">div {  width: 200px;  height: 200px;  border: 1px solid red;  overflow: hidden}span {  width: 50px;  height: 50px;  border: 1px solid blue;  float: right;}</style></head><body><div> <span>欢迎您</span>蚂蚁部落 </div></body></html>

原文地址:http://www.51texiao.cn/div_cssjiaocheng/2015/0429/418.html




原标题:为什么IE6下右浮动的对象换行了

关键词:ie

ie
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

AliPrice亚马逊购物助手:https://www.ikjzd.com/w/3312
巴克莱银行:https://www.ikjzd.com/w/3313
无线TELEC证书:https://www.ikjzd.com/w/3314
万事达卡:https://www.ikjzd.com/w/3315
Ecomz:https://www.ikjzd.com/w/3316
ZotaPay:https://www.ikjzd.com/w/3317
TikTok斥资210万美元游说美国参议院阻止法案通过 :https://www.goluckyvip.com/news/188220.html
北京飞机票查询(快速查询北京至各地机票价格和航班信息):https://www.vstour.cn/a/366178.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流