亲注册登录道勤网-可以查看更多帖子内容哦！（包涵精彩图片、文字详情等）请您及时注册登录-www.daoqin.net
您需要 登录 才可以下载或查看，没有账号？立即注册
x
本帖最后由 网页学习者 于 2014-10-3 10:20 编辑
margine之间的重叠现象
在相邻的普通元素（2个上下的div层，没有设置浮动效果float）那么他们其中的一个下margin为50 而另一个上margin值为100px,那么此时取得是她们2个之间交大的元素！
图示：
代码如下
- <!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" lang="zh-CN">
- <head>
- <title>20课margin的重叠现象</title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="description" content="道勤教育 http://www.daoqin.net" />
- <style>
- #test01{
- height:100px;
- background:blue;
- margin-bottom:50px;
- }
- #test02{
- height:100px;
- background:green;
- margin-top:50px;
- }
-
- </style>
- </head>
- <body>
- <div id="test01"></div>
- <div id="test02"></div>
- </body>
- </html>
道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题!
如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！
如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！ | 
/2 
窥视卡
雷达卡
发表于 2014-10-3 10:18:11
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
