margin-top，css中margin-top和top有什么区别

编程之家2023-11-0782次浏览

你是否对于margin-top和css中margin-top和top有什么区别感到困惑？别担心，今天小编将为您揭开这个谜团，让我们一同探索吧！

margin-top

上边距；上边距属性；顶端边距

例句

1.When printing lists, contains the number of lines on the top margin.

在打印清单时，包含了顶端空白的行数。

2.Under Spacing, type in the values you want for Side Margin, Top Margin, Horizontal Gap, and Vertical Gap.

在“间距”下，键入“侧边距”、“上边距”、“水平跨度”和“垂直跨度”的值。

3.When you open a document, is the insertion point at the top left corner of the page, as if there were no top margin?

打开文档时，插入点是否在页面的左上角，就好像没有上边距？

4.A gutter margin setting adds extra space to the side margin or top margin of a document that you plan to bind.

装订线边距设置将为要装订的文档两侧或顶部边距添加额外的空间。

5.Form: Mint, single, with top margin.

形式：单枚新票，带上边纸。

一、功能不同

1、margin-top：功能为设置元素的上外边距。

2、top：规定元素的顶部边缘。

二、特点不同

1、margin-top：允许使用负值。定义固定的上外边距。默认值是 0。

2、top：定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

三、规定不同

1、margin-top：所有主流浏览器都支持 margin-top属性。

2、top：如果"position"属性的值为"static"，那么设置"top"属性不会产生任何效果。

参考资料来源：百度百科-CSS top

参考资料来源：百度百科-CSS margin-top

*margin-top:7px;这个表示在ie6和ie7中的外边距是7px

假如#gaga{margin-top:10px;*margin-top:7px;_margin-top:5px;}

这样第一个就是ie8以上的浏览器、firefox、谷歌浏览器、苹果浏览器这些主浏览器的的外边距是10px，ie7的外边距为7px，ie6则为5px；

*还会代表是通配符的意思，就是可以查找到所有的元素，比如*{margin:0;}这样就代表所有的元素的外边距margin值为0，希望可以帮到你

margin的负值，叫负外补丁，4个方向都可以有负值，就是缩小容器的外围。一般配合position使用。

比如一个水平绝对居中的用法。

#box{ width:960px; height:50px; margin-left:-480px; padding:0; position:absolute; left:50%; top:0; z-index:16;}

这里就用到了 margin-left:-480px;是该容器一半的宽度，从而绝对居中。

当然负外补丁用法还不少，自己可以google下。

跟兼容性没有关系，是靠你调整自己的css代码达到兼容的。

margin-top的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css中margin-top和top有什么区别、margin-top的信息别忘了在本站进行查找哦。