DIV教程之margin在垂直取值时取最年夜值

只看该作者 · 发表于 2015-1-16 10:37:29

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

正如你所见到的这个是一个方块，而网页呢，是由这么多大大小小的方块组成的，可能以下实例会更明确的让你了解这个盒子。

margin在垂直取值的时分是堆叠的，假如高低盒模子分离都有margin，那末取较年夜值。这一点是值得人人注重的了，平常假如在高低两个容器都设置了margin时，注重垂直取值时并非两个值相加，而是取较年夜值。请看上面的例子：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>margin在垂直取值时取最年夜值</title><styletype="text/CSS">.a{width:300px;height:200px;border:1pxsolid#FFCC33;background:#FFFF99;margin:30px0;}.b{width:300px;height:200px;border:1pxsolid#99CC33;background:#DDECBF;margin:50px0;}</style></head><body><divclass="a">我的高低margin值是30px</div><divclass="b">我的高低margin值是50px<br/><br/>在但我们两个之间的空间只要50px而不是80px哟～～</div></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
www.ckuyun.com尺度之路接待人人来会商！

其实DIV+CSS是很简单的一种布局方式，甚至比任何一种编程语言都要简单(虽然它不能算是编程语言)。

只看该作者 · 发表于 2015-1-18 07:17:30

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

只看该作者 · 发表于 2015-1-26 05:11:35

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

只看该作者 · 发表于 2015-2-4 15:37:30

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

只看该作者 · 发表于 2015-2-10 03:16:00

Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

仓酷云 · 发表于 2015-2-28 18:48:16

俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。

只看该作者 · 发表于 2015-3-10 07:05:56

学Dreamweaver技术的过程其实是一个增加信心的过程。

只看该作者 · 发表于 2015-3-17 06:10:09

dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] DIV教程之margin在垂直取值时取最年夜值

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子

浏览过的版块