模板酷站
电脑版
提示:
原网页
已由神马搜索转码, 内容由
www.mb5u.com
提供.
无忧首页
网页模板
程序模板
建站教程
视频教程
更多导航↓
网页特效
图标素材
字体下载
站长工具
站长问答
CMS教程
Div+Css教程
网站制作教程
网站运营
网络编程
服务器教程
站长工具
Div+Css教程
模板无忧
>
建站教程
>
Div+Css教程
>
Div+CSS教程
>
IE中怎么会出现双倍边距?_Div+CSS教程
编辑Tag赚U币
教程Tag:
暂无Tag,欢迎
添加
,赚取U币!
织梦DedeCMS视频教程
买空间 租服务器 选网硕互联!
无忧站长工具,百度权重一键全查!
IE6.0环境中双倍边距BUG。先看下面的CSS代码。
示例代码
[www.mb5u.com]
div {
float:left;
margin-left:10px;
width:420px;
height:150px;
border:1px solid red
}
这样设置以后。本来左边距设置为10px,但IE6.0解释为20px,这是一个比较头疼的问题。
但解决也非常简单。办法就是是加上display:inline。就搞定了。看下面的示例对比!
双陪边距的效果:
代码调试框
[www.mb5u.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>mb5u.com</title> <style type="text/css"> body { margin:0 } div { float:left; margin-left:10px; width:420px; height:150px; border:1px solid red } </style> </head> <body> <div> Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br /> </div> </body> </html>
[ 可先修改部分代码 再运行查看效果 ]
解决BUG以后的效果:
代码调试框
[www.mb5u.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>mb5u.com</title> <style type="text/css"> body { margin:0 } div { float:left; margin-left:10px; display:inline; width:420px; height:150px; border:1px solid red } </style> </head> <body> <div> Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br />Div CSS XHTML XML 教程大全 - mb5u.com<br /> </div> </body> </html>
[ 可先修改部分代码 再运行查看效果 ]
网站制作在线视频教程
网站制作视频教程打包下载
DIV+CSS模板
CSS视频教程
CSS设计彻底研究视频教程
网页制作基础教程
网站重构&web标准设计教程
div css视频教程
来源:无忧整理
/
所属分类:
Div+CSS教程
/
更新时间:2007-01-08
最新评论:
暂时还没人评论! 快来抢沙发啊!
请在这里输入您要发表的评论信息! 理智评论,文明上网,共建和谐网络. 严禁广告、谩骂等不良信息.
匿名评论
相关
Div+CSS教程
:
DIV+CSS设计的误区
CSS基础:常用CSS英文字体介绍
IE6和IE7中border边框断线现象
border:none;与border:0;的有什么不同?
div+css下js对联广告不随屏幕滚动的解决方法
HTML元素的ID和Name属性的区别
divcss教程:深入了解css的行高Line Height属性
CSS文档流,块级元素和内联元素
5个你该知道的CSS3新技术
用正则表达式替换a标记href值
30个优秀的CSS导航和按钮设计教程
css中px和em有什么区别
Div+Css教程搜索
Div+CSS教程推荐
阻碍你学习CSS的因素思维的转变HTML结构化
margin叠加原理以及边界条件浅谈
如何用CSS控制图片自适应大小?
css样式表定义时*与body的区别
DIV CSS中id与class 的命名及编码的6个最佳习惯
CSSSprites工作原理及其对CSS布局的意义、优点和缺点介绍
HTML实现无刷新 更换CSS样式
四种CSS样式的调用方法
id与class区别-该用id还是用class呢?!
用server.transfer隐藏网页真实地址
猜你也喜欢看这些
DIV CSS布局入门示例(五)border和clear
CSS如何实现单行图片与文字垂直居中?
CSS菜单:由CSS滑动门技术实现的菜单十一款
CSS布局教程:DIV CSS三列式布局的实现方法
DIV CSS布局入门示例(三)页面顶部制作
CSS实例:常用的CSS隐藏文字的方法
DIVCSS实例教程:蔚蓝色的海洋漂亮的CSS纵向菜单
CSS实例教程:UL制作CSS横向菜单蓝绿色调
CSS背景图片background-image须注意路径问题!
DIVCSS实例:一款不错的CSS翻页效果(DIGG)
新热推荐
1
/
3
dedecms模板_简洁大气的网络设计工作室模板
织梦蓝色简洁新闻资讯门户模板下载(原创)
织梦橙黑清新炫酷工作室模板(视频演示)
织梦文章/新闻资讯/博客模板(仿chinaz最新版,蓝色简洁大气)
Wordpress淘宝客程序(淘金渡-强大自动采集功能 可做返利类淘宝客网站)
精仿大前端D8主题织梦模板下载
织梦网络工作室模板,2013年最新设计,大气美观
织梦科技IT资讯类博客模板(仿虎嗅网织梦模板)
dedecms织梦漫画网站模板(带采集+漫画连载)
织梦dedecms文章模板博客模板-可自定义颜色
PhotoShop鼠绘超酷的游戏场景
Photoshop实例教程:照片漫画插画效果的制作
相关链接:
复制本页链接
|
搜索IE中怎么会出现双倍边距?
教程说明:
Div+CSS教程
-
IE中怎么会出现双倍边距?
。