最近在帮朋友做一个购物网站,遇到一个棘手的问题。 定义了一个块状浮动元素<#div id="afloat"> 然后设置浮动属性float:left;设置边距margin-left:10. CSS代码:
#afloat{ float:left; margin:10px; }
测试了一下,这个在Firefox下显示是正常的10个像素,但是在IE6下显示的却是20像素,这是怎么回事啊?
css3 InternetExplorer
这属于双边距的问题, IE7.0以上版本支持的还算可以,但IE6应该就很差了。你可以试下下面这个方法:
在这个元素里面添加一个display:inline属性
比如<div style="float:left;margin-left:10px;display:inline"></div>。
针对Ie6浏览器需要写成:
<div style="float:left;margin-left:10px;display:inline;_display:inline;"></div>。
鼠标往下滚,内容动画出现,这个有插件可以调用吗?
在不改变html的情况下,如何只用CSS将背景挤压成一条线,文字在上面显示
display:box 和 display:flex 两者区别 ?
border-radius兼容性问题
如何组织整站开发的css?
监听下页面的滚动动画事件