评论：由浅入深漫谈margin属性

来自：asp.cms

asp.cms — Sat, 30 May 2009 16:03:15 +0000

margin属性写得非常透彻呀,以前有些迷惑的地方

来自：Sunxc

Sunxc — Thu, 27 Nov 2008 05:09:10 +0000

我的博客导航栏编程开发那里有个2级菜单可是鼠标点不到
我看了下样式是导航下面的内容部分的样式有个
margin:10px auto 10px;
我把10px弄大就可以了不知道是为什么啊

http://www.qbencao.com 博客地址请求援助啊

来自：加减乘除888

加减乘除888 — Tue, 30 Sep 2008 01:39:49 +0000

你好，怿飞，我看了这篇文章后对CSS框模型有了一点疑惑，希望你能为我解答：）
根据CSS的定义，元素框的大小是由元素的margin、border、padding、width、height决定，但根据你的对margin的解释，我是否应该理解，如果将margin-top值设为负值，那这个值就不会改变元素框的大小，只是将元素框向上拉动？

来自：麦鸡的博客 » 你真的认识margin么

麦鸡的博客 » 你真的认识margin么 — Fri, 29 Aug 2008 09:38:51 +0000

[...] （注：本文图片，定义直接copy译飞的由浅入深漫谈margin属性） [...]

来自：加减乘除888

加减乘除888 — Wed, 02 Jul 2008 04:02:53 +0000

#div1 {
width:200px;
height:200px;
}
#p1 {
width:200px;
height:200px;
margin:0 50px 50px 0;
background:green;
}
#div2 {
width:170px;
height:170px;
overflow:auto;
}
#p2 {
width:200px;
height:200px;
margin:0 -50px -50px 0;
background:green;
}

css

来自：加减乘除888

加减乘除888 — Wed, 02 Jul 2008 04:01:39 +0000

根据文中对box的讲解，对于overflow属性，如果设置overflow=”auto”，我理解是不是应该解释为当元素的物理大小超出父元素的右侧、下侧时就出现滚动条，如下面的代码：
[code]

css

/* */

css

[/code]
我将p元素与其父元素div的宽度与高度都设为200px，且为p元素设置右边界、下边界为50px，虽然p元素的逻辑大小比其父元素大，但其物理大小还是与其父元素一样，所以其父元素div没有出现滚动条。而后我再将p元素width和height设为200px，右边界和下边界设为-50px，父元素的width和height设为170px，虽然p元素的逻辑大小比其父元素小，但物理大小还是比其父元素大，所以其父元素div出现了滚动条。我在firefox、opera、safari中测试后的确是这样，但在IE中有问题。

来自：加减乘除888

加减乘除888 — Wed, 02 Jul 2008 02:44:26 +0000

比CSS权威指南更进一步的讲解，让我更深入的了解了CSS的盒模型，谢谢！

来自：ivanling

ivanling — Fri, 20 Jun 2008 02:45:03 +0000

总结的很好,以前只知道用,现在终于有了理论基础了,用起来也理直气壮,谢谢

来自：大猫

大猫 — Fri, 30 May 2008 04:59:33 +0000

偶特地找个女友名字叫ma jin的，就是因为CSS里margin很好玩

来自：翅膀

翅膀 — Fri, 23 May 2008 01:18:42 +0000

好详细….谢谢