发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
今天做一个模板,用Firefox下显示都是正常的,但是用IE6却发现,所有的margin都加倍了,搞的和firefox效果不一样了。找了半天也没发现错误,网上搜索一下,发现原来是IE6的一个BUG!IE6确实该淘汰掉了。
解决方法:
<div id="test"></div>
对应的CSS应该这样写:
#test{ float:left; margin:5px; /* IE6认为是10px, Firefox认为是5px, IE6傻呀 */ display:inline; /* 增加这个就可以 */}
说明一下 display:inline
它的作用是设置对象做为行内元素显示,inline是内联对象的默认值。而我们一般用的Div是块级元素,默认display属性是block,但将div的display设置为inline的话,则多个div可以象span一样显示在一行了。
来自: 明天网吧 > 《html》
0条评论
发表
请遵守用户 评论公约
CSS中如何把Span标签设置为固定宽度
一、形如<span>ABC</span>独立行设置SPAN为固定宽度方法如下:一、形如<span>ABC</span>DEF格式行设置SPAN为固定宽度的方法如下:答:如果对span使用float属性,总是导致span...
[转载]list-style:none outside none;的作用
[转载]list-style:none outside none;的作用[转载]list-style:none outside none;的作用(2012-12-31 09:16:28)转载▼。一般对ul进行reset也好,或是设置ul的样式时,往往要写list-style-type:none,有...
ecshop模板css兼容性问题_height:auto火狐下无效
<div style=" border:2px solid #0CC; width:600px;" > <div style=" width:50px; height:600px; border:#099 1px solid; margin-left:5px; float:left;display:inline"&...
CSS div float IE和FireFox的兼容性问题
CSS div float IE和FireFox的兼容性问题。在IE中,只有指定该DIV的CLASS为FLOAT:left 才会有FLOAT属性。而在FF中,第一个指定后 其后的div也随着平移,所以可以在同级的float加上。CSS中 height: 19px ...
史上最全Html与CSS布局技巧
.left{width:100px;.left,.center{float:left:width:200px;.parent-fix{margin-left:-20px;<div class=''parent''&g...
position跟display、margin collapse、overflow、float这些特性相互叠加后会怎么样?
<div style="margin:50px 0;background-color:green; width:50px;"> <div style="margin:-60px 0;"> &...
让两个Div并排显示
二、通过设置float来让Div并排显示Html代码 <style> #left,#right {float:left;border:1px solid red; padding:10px;} </style> <div id= "main "> &l...
display:inline block详解
height:100%}</style><div>div display:block</div><div class=”i”>div display:inline</div><div class=”ib”>div display:inline-block</div><span...
inline-block IE8 下专用灭缝方法
inline-block IE8 下专用灭缝方法 婊子样的,怎么调都调不好,狗日的在IE8下面就是有这个多余的背景,整死老子啦,最后解决就一句话。}.black240block li{display:inline-block;}就加了他妈的一句话:d...
微信扫码,在手机上查看选中内容