margintopmargintop50%

本文目录一览：

• 1、margin_top:40px;是什么意思
• 2、margin-top的传递问题
• 3、margin-top是什么意思
• 4、给子盒子设置margin-top时，会作用于父盒子的解决办法
• 5、CSS里border-top和margin-top什么意思?
• 6、padding-top，margin-top和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的传递问题

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

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

2020-12-7更新：

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

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.

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

给子盒子设置margin-top时，会作用于父盒子的解决办法

如何将子盒子垂直居中于父盒子？新手可能会想到使用margin，

但是子盒子设置margin-top后，会作用于父盒子，如图1

造成这个现象的原因是：

1.当一个元素包含在另一个元素中时（假设没有填充或边框将边界分隔开），它们的顶和/或底边界会发生叠加。

2.只有普通文档流中块框的垂直边界才会发生边界叠加。行内框、浮动框或绝对定位框之间的边界不会叠加。

解决办法如下？

方法一：为父元素设置border

方法二：为父元素添加overflow：hidden；样式

方法三：为父元素或者子元素声明浮动

方法四：为父元素或者子元素声明绝对定位

CSS里border-top和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，希望可以帮到你

padding-top，margin-top和top的区别

padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的；

margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不包含在容器内；

top:10px;是指容器本身的顶部距离页面的顶端有10个像素。

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