css中margin-top和top有啥区别

Posted 2023-04-02

还有就是margin-top和top的适用范围是怎样的

margin-top, 一般是对div 或容器标签来说的， top 用于绝对定位与相对定位方面比较多。 参考技术A margin:top 19px;和margin:19px 0 0 0;都是说容器的上边空白边是19PX
TOP:19PX是定位position 上距离19PX. 参考技术B css中margin-top是元素的上外边距
top是上该元素的上边袁和电脑屏幕最上边的距离 参考技术C margin 是控制块与块之间的距离。 参考技术D 一个相对，一个绝对

css中负值（px）的问题有啥？

margin取负值之后，例如margin-top:-1px; 元素会从父框架的顶部突出一个像素，如果父框架设置了overflow:visibled的话，这个元素就会看起来显示在父框架外面了,如果取了正值，例如margin-top:1px;元素就是距离父框架的顶部一个像素，会在父框架内显示。

padding取了负值之后是没有任何效果的，浏览器会认为padding:0。如果padding取正值，就是在元素内部填充，这个很好理解。position取了负值之后的效果和margin差不多，只是position通常是应用绝对定位场景的，而margin通常是应用在相对定位场景的，而且position可以定义z轴上的位置关系，但是margin一般是不可以的，两个的区别主要是在这个方面，至于取负值，在视觉上其实没有什么太大的区别。

参考技术A margin取负值之后，例如margin-top:-1px; 元素会从父框架的顶部突出一个像素，如果父框架设置了overflow:visibled的话，这个元素就会看起来显示在父框架外面了~如果取了正值，例如margin-top:1px;元素就是距离父框架的顶部一个像素，会在父框架内显示。

padding取了负值之后是没有任何效果的，浏览器会认为padding:0。如果padding取正值，就是在元素内部填充，这个很好理解，就不解释了。

position取了负值之后的效果和margin差不多，只是position通常是应用绝对定位场景的，而margin通常是应用在相对定位场景的，而且position可以定义z轴上的位置关系，但是margin一般是不可以的，两个的区别主要是在这个方面，至于取负值，在视觉上其实没有什么太大的区别。