首页编程margintop(css中margin-top和top有什么区别)

margintop(css中margin-top和top有什么区别)

编程之家2023-11-02102次浏览

你是否对于margintop和css中margin-top和top有什么区别感到困惑?别担心,今天小编将为您揭开这个谜团,让我们一同探索吧!

margintop(css中margin-top和top有什么区别)

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

一、功能不同

1、margin-top:功能为设置元素的上外边距。

2、top:规定元素的顶部边缘。

二、特点不同

1、margin-top:允许使用负值。定义固定的上外边距。默认值是 0。

2、top:定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。

margintop(css中margin-top和top有什么区别)

三、规定不同

1、margin-top:所有主流浏览器都支持 margin-top属性。

2、top:如果"position"属性的值为"static",那么设置"top"属性不会产生任何效果。

参考资料来源:百度百科-CSS top

参考资料来源:百度百科-CSS margin-top

CSS的margin-top的负值问题

margin的负值,叫负外补丁,4个方向都可以有负值,就是缩小容器的外围。一般配合position使用。

margintop(css中margin-top和top有什么区别)

比如一个水平绝对居中的用法。

#box{ width:960px; height:50px; margin-left:-480px; padding:0; position:absolute; left:50%; top:0; z-index:16;}

这里就用到了 margin-left:-480px;是该容器一半的宽度,从而绝对居中。

当然负外补丁用法还不少,自己可以google下。

跟兼容性没有关系,是靠你调整自己的css代码达到兼容的。

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,希望可以帮到你

详细android margin-top为负数是啥意思

android:layoutmarginTop=负数(dip)。。这句话的意思呢,就是说在高度上距离你上个布局的有多少像素,一般是正数,但是也有特殊情况,比如你要覆盖一点上个组件的东西,或者原来组件在图片资源上存在空白,使得布局断层。那么使用负数就可以将一些影响美观的东西给遮掩。。其实说白了就是当正数时:就是两个组件之间存在一定像素,当为负数时,就是2个组件覆盖多少像素。希望你能明白,自己试验一下更好~

关于margintop到此分享完毕,希望能帮助到您。

百度网站优化软件(网站优化排名软件)优化资讯 优化是什么意思