比如加属性top:30px,改盒子DIV的位置有啥变化?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了比如加属性top:30px,改盒子DIV的位置有啥变化?相关的知识,希望对你有一定的参考价值。

不知道你说的是哪个样式加TOP:30PX,

一般margin-top:30px这是顶部外边距30PX,,padding-top:30px;这是顶部内边距30px,

DIV加上顶部外边距,会往下30PX,加内边距,DIV里的内容,元素会离DIV顶部边距30PX。

参考技术A 单独加top:30px不会有任何变化,因为TOP,left等要配合positioin定位,才有效果, 参考技术B 该设置是要建立在定义好了CSS定位的基础上的。top,left,right这些才会实现。如果没有定义position定位。单独的设置top,是不会生效的,top:30px的意思就是距离顶边30像素,具体是距哪个一div层就要看定位的是哪个层了。 参考技术C 加属性的想改盒子的DIV的位置是有相同不一样的位置变化组成。

以上是关于比如加属性top:30px,改盒子DIV的位置有啥变化?的主要内容,如果未能解决你的问题,请参考以下文章

div四周都加阴影如何改下面的代码

怎样在css样式的盒子里添加图片啊?就比如是这样的

盒子模型

有关margin的一个特点

background-clip:content-box; 盒子内除去padding部分,显示背景。

浮动布局及盒子模型