margin-topmargintop用法

本文目录一览：

• 1、margin_top:40px;是什么意思
• 2、margin-top是什么意思
• 3、css中margin-top和top有什么区别
• 4、margin-top的传递问题

margin_top:40px;是什么意思

margin_top：40px。是代表上右下左(按顺时针)边距为40。Margin：包括margin-top，margin-right，margin-bottom，margin-left，控制块级元素之间的距离，它们是透明不可见的，对于Fig.2所示的上右下左margin值均为40px，因此代码为：margin-top：40px。margin-right：40px。margin-bottom：40px。margin-left：40px。根据上，右，下，左的顺时针规则，简写为margin：40px40px40px40px。当上下，左右margin值分别一致，可简写为：margin：40px40px。前一个40px代表上下margin值，后一个40px代表左右margin值.当上下左右margin值均一致，可简写为：margin：40px。

margin-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.

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

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

一、功能不同

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的传递问题

在HTML中 一个父元素包裹一个子元素的div，在给子元素的div设置margin-top时，会传递给父元素

个人不太建议使用前两种方法，不仅需要计算，改父元素的高度， 而且给父元素加padding-top的方法在微信小程序里无效 。最后两种方法都是让父元素脱离文档流，但有的时候可能会影响布局。所以个人推荐使用给父元素添加overflow：hidden的方法。

2020-12-7更新：

使用padding-top的方法要将给父元素 box-sizing: border-box; 否则，padding-top会把父元素撑大，尤其是在给最外层元素添加padding-top时会把页面顶下去。

关于margin-top和margintop用法的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。