最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
IE中怎么会出现双倍边距?
时间:2008-01-11 编辑:简简单单 来源:一聚教程网
IE6.0环境中双倍边距BUG。先看下面的CSS代码。
代码如下 | 复制代码 |
div { float:left; margin-left:10px; width:420px; height:150px; border:1px solid red } |
这样设置以后。本来左边距设置为10px,但IE6.0解释为20px,这是一个比较头疼的问题。
但解决也非常简单。办法就是是加上display:inline。就搞定了。看下面的示例对比!
双陪边距的效果:
代码如下 | 复制代码 |
body { margin:0 } div { float:left; margin-left:10px; width:420px; height:150px; border:1px solid red } Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - |
[ 可先修改部分代码 再运行查看效果 ]
代码如下 | 复制代码 |
body { margin:0 } div { float:left; margin-left:10px; display:inline; width:420px; height:150px; border:1px solid red } Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - Div+CSS XHTML XML 教程大全 - |
-
上一个: 标题元素、段落和强制换行如何正确使用?
-
下一个: 天眼查请不要抹黑征信这两字 我们怕怕
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26