css中margin-top和top的区别

css中margin-top和top的区别

1、margin-top:

margin-top 属性设置元素的上外边距。是盒子模型的组成部分。

取值:

描述
auto浏览器设置的上外边距。
length定义固定的上外边距。默认值是 0。
/em>定义基于父对象总宽度的百分比上外边距。
inherit规定应该从父元素继承上外边距。

2、top:

top 属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

(相关课程推荐:css视频教程

注释:如果 "position" 属性的值为 "static",那么设置 "top" 属性不会产生任何效果,只有在值为relative或absolute时才有效果。

取值:

描述
auto默认值。通过浏览器计算上边缘的位置。
/em>设置以包含元素的百分比计的上边位置。可使用负值。
length使用 px、cm 等单位设置元素的上边位置。可使用负值。
inherit规定应该从父元素继承 top 属性的值。

在浏览器中的区别:

本文来自css答疑栏目,欢迎学习!

以上就是css中margin-top和top的区别的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读

    wps如何修改页眉上边距

    wps如何修改页眉上边距,WPS教程,1.WPS版word怎样设置页眉边距WPS中word设置页眉边距技巧“页边距”:页面上打印区域之外的空白空间。1、设

    公共CPU接口类型的详细描述

    公共CPU接口类型的详细描述,,我们知道CPU是电脑的大脑, CPU的处理速度直接决定电脑的性能, 那你知道CPU发展到现在, 都那些CPU接口类型吗.

    wps如何设置左右边距

    wps如何设置左右边距,WPS教程,1.WPSOffice文档双面打印边距怎么设置呢?通常我们在打印文档时,多数情况下都会把文档左侧的页边距设置的大一

    DSR定义|描述dsr

    DSR定义|描述dsr,,1. DSR定义RS232(DB9)1 DCD 载波检测 (DATA CARRIER DETECT)2 RXD 接收数据 (RECEIVE DATA)3 TXD 发送数据 (TRANSMIT D

    在wps中设置边距|wps设置边距

    在wps中设置边距|wps设置边距,如何设置,wps,1.wps怎么设置边距、新建一个WPS文字,点击页面布局---纸张大小。2、点击页边距选项卡。3、在页