margin-top属性,margintop和top

http://www.itjxue.com  2023-01-13 10:07  来源:未知  点击次数: 

margintop和top的区别

margin-top 属性设置元素的上外边距

top 属性可以指定与其最近一个具有定位设置的父对象顶边的位置

为啥设置的margin-top属性不管用

因为span默认是行属性,而div默认是块属性,把span强制设为块属性就可以了。 ?把这段 span{ margin-left:25px; margin-top:200px; } 改为 span{ margin-left:25px; margin-top:200px; display:block; }

子元素的margin-top属性为什么会影响父元素的margin-top?

问题描述:

最近在开发中偶然遇到了一个问题那就是如下图:父级元素是个空的最外层包裹元素,子元素是内容,想控制子元素不从页面顶端开始,就给子元素设置一个margin-top:50px;没想到父元素也随之下移了。我们只知道相邻元素如果既有margin-bottm又有margin-top会产生margin塌陷,但是这又是为什么呢?

原因探索:

解读规范可知:相邻两个元素的margin会折叠(相邻包括兄弟元素也包括抚子元素),但是仍需满足以下几个条件:

必须是处于常规文档流(非float和绝对定位)的 块级盒子 ,并且处于同一个 BFC 当中。

*没有线盒,没有空隙( clearance ,下面会讲到),没有padding和border将他们分隔开

*都属于垂直方向上相邻的外边距,可以是下面任意一种情况:

*元素的margin-top与其第一个常规文档流的子元素的margin-top

*元素的margin-bottom与其下一个常规文档流的兄弟元素的margin-top

*height为auto的元素的margin-bottom与其最后一个常规文档流的子元素的margin-bottom高度为0并且最小高度也为0,不包含常规文档流的子元素,并且自身没有建立新的BFC的元素的margin-top和margin-bottom

解决办法 :

根据以上原因分析可知,我们只需打破它合并的规则即可解决该问题:比如给子元素设置float/position属性使其脱离文档流,或者给父元素设置border/padding然后将其box-size属性设置为border-box/padding-box等等

css margin-top:5px; _ margin:3px ; 什么意思

margin-top: 5px;上边距为5像素的意思。

_margin: 3px则是专门针对IE6浏览器写的兼容处理、四个外方向的外边距均为3像素。

margin属性用来设置元素的外边距,共有四个属性分别为 margin-top:上边距,margin-bottom:下边距,margin-left:左边距,margin-right:右边距。

当然也可以直接用margin表示,如

margin:5px 10px 15px 20px 表示

上外边距是 10px

右外边距是 5px

下外边距是 15px

左外边距是 20px

margin: 20px;? 四个外边距均为20像素。

由于不同的浏览器对CSS的支持及解析结果不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。附上

?????????????????????????????????? IE浏览器各版本 CSS hack 对照表

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.

形式:单枚新票,带上边纸。

(责任编辑:IT教学网)

更多

推荐免费资源文章