小妖女 发表于 2015-1-16 10:37:29

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

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

[*]
[*]
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(梦之队)。
页: [1]
查看完整版本: DIV教程之margin在垂直取值时取最年夜值