top、margin-top的区别

简单说一些top、margin-top的区别：

1、top、bottom、left、right是绝对定位，必须设置position为absolute。

margin一系列设置是相对定位。

注意：如果用top等，而position未设置为absolute，那设置是不起作用的。

2、top这些在绝对定位的前提下，这个绝对定位，是相对body 或者 position：relative的父级元素的绝对定位。

margin的相对定位，是指相对相邻元素的定位。

例如：top这些在绝对定位的前提下，这个绝对定位，相对position：relative的父级元素的绝对定位。

top、margin-top的区别相关推荐

top和margin-top的区别
top.margin-top的区别: 1.top.bottom.left.right是绝对定位,必须设置position为absolute. margin一系列设置是相对定位.注意:如果用top等,而 ...
top 与 margin-top的区别
top.margin-top的区别: 1.top.bottom.left.right是绝对定位,必须设置position为absolute. margin一系列设置是相对定位.注意:如果用top等,而 ...
在才开始进入前端这个坑的时候在布局中会遇到很多问题我才入这个坑的时候在margin top 中遇到几个bug 我分享一下...
margin top的bug 当子元素和父元素是纯元素没有内容的时候,我们去调整子元素的margin:top, 他会误以为是要调整父元素解决方案: 1.给父元素设置一个边框 2.父元素加overf ...
linux自动执行top,Linux top 命令使用
top命令结合jvm诊断工具jstack能够快速帮我们定位有问题的代码位置,输入top命令,运行图如下 CPU负载第一行包括运行时间.当前时间.用户数量和系统平均负载,其中后面三个数字就是一分钟.五 ...
oracle 当前top sql,Oracle top 查询TOP SQL
有时Oracle数据库服务器,系统CPU爆高,通过Top命令可以查看到占用CPU最高的进程我们需要记住前几个TOP的pid号,带入下面的SQL,到数据库中查询运行的进程.服务器.用户.SQL.等待等 ...
top,margin-top,padding-top的区别
首先说一下margin和padding margin:外边距,设置对象四边的外延边距,相对的是自身 padding:内边距,设置对象四边的内部边距.相对的是父视图那么margin-top,paddi ...
Altium Designer学习笔记——Top Solder层与Top Paste层的区别
Top Solder层,就是用来控制做板的时候不覆盖绿油(白油)的区域,比如焊盘的位置,一些关键信号的测试点,不覆盖绿油,才能漏出焊盘.如果你在焊盘的位置不包含Top Solder层,则焊盘会盖上绿油 ...
offset().top与offsetTop的区别
转载:原博文地址 offset().top是jQuery的方法,需要引入jQuery才能使用,它获取的是你绑定元素上边框相对于文档顶端的偏移量,我们可以吧文档理解成一幅图,这幅图包含了html,htm ...
左右margin top问题百分比值
不想说今天心情有多差! 9点多開始发现一个"bug",需求是依据屏幕高度动态调整某个div的位置.代码大概是这种. <div style="margin-top: ...

top、margin-top的区别

top、margin-top的区别相关推荐

最新文章

热门文章