大家好，今天小编关注到一个比较有意思的话题，就是关于css中top的问题，于是小编就整理了4个相关介绍css中top的解答，让我们一起看看吧。

1. css中margin-top和top有什么区别
2. css中text-top与top的区别
3. css 中left 和top 有什么用
4. css中的top下移

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

第一个样式在css里面是没有的，第二个和第三个虽然都是指与上方的距离，但是使用场景有区别。

top是当前控件距离上面控件的距离。一般与position一起使用。而padding-top是指控件内部的填充，用于控制控件内部元素距离当前控件顶部的距离。margin-top是当前控件距离上面控件的距离。可单独使用。若不懂的，可以追问。

margin-top是CSS中的一个属性，用于设置元素的上边距，所有主流浏览器都支持margin-top属性。

Margin是CSS中的一个属性，指的是一个元素的边框外侧到相邻元素边框内侧之间的距离。margin，是CSS语***，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。

margin-top： 10px；margin-right： 20px；margin-bottom： 10px；margin-left： 20px；设置所有方向的外边距：margin： 10px 20px 10px 20px；上、右、下、左的顺序分别对应顺时针方向。

2、css中text-top与top的区别

top — 将元素与一行中最高元素的顶部对齐。bottom — 将元素与底部对齐，元素处于同一级别。middle — 将元素与其父元素的中心对齐。text-top — 使用其父元素行中最高字体的顶部对齐元素。

在前端开发中，top一般是指元素的位置或偏移量。浏览器的视口是一个可滚动的窗口，而top属性则指定一个元素相对于窗口顶部的位置。

css中的vertical-align属性设置元素的垂直对齐方式，可能的值：baseline默认。元素放置在父元素的基线上。sub垂直对齐文本的下标。

在css中，top是“顶部”的意思，top属性用于设置定位元素距离顶部的距离。在css中，top是“顶部”、“距离顶部的距离”的意思，top属性与position属性一起使用，用于设置定位元素距离顶部的距离。

在绝对定位中，「top」指的是被定位元素上方的外边框和包含块上方的内边框之间的距离。换句话说，被定位元素的外边距和包含块的边框会影响top的值，进而影响绝对定位元素的位置，但包含块的内边距不会产生任何影响。

3、css 中left 和top 有什么用

left和top作用就是定位背景图片的位置，比如***吧图片放在div1里，那么left就是指：图片距离div1的左边的距离我0，top同理。***也可以指定right活bottom 但是只能指定其中一个两个。

当css样式为绝对定位（即position：absolute； ）时，left ， right ， top ， bottom 等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象，则依据 body 对象。

css里面的position 是定位的 absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 left， top， right 以及 bottom 属性进行规定。

在默认状态下，所有元素都是静态放置的，即元素从上到下以及从左到右的顺序排列。只要为元素设置了“ position”属性，就可以使用“ top”，“ right”，“ bottom”和“ left”属性精确定义其位置。

4、css中的top下移

将要下移的DIV定义一个CSS样式，这里我以class=222为例。如下图**背景的DIV要下移一定量。选择style中的222样式名，再点击CSS选项卡下的编辑按钮，如下图向右的指向箭头所示。

right 属性规定元素的右边缘。该属性定义了定位元素右外边距边界与其包含块右边界之间的偏移。注释：如果 position 属性的值为 static，那么设置 right 属性不会产生任何效果。（内容来至w3c的css参考手册）。

您可以使用CSS中的margin-top属性来将某个图片位置往下移。

top，left，bottom和right值分别***表top，left，bottom和right的位置。 在此，只能将top属性设置为向下移动，其他设置为0，如下图所示，然后进入下一步。

在默认状态下，所有元素都是静态放置的，即元素从上到下以及从左到右的顺序排列。只要为元素设置了“ position”属性，就可以使用“ top”，“ right”，“ bottom”和“ left”属性精确定义其位置。

到此，以上就是小编对于css中top的问题就介绍到这了，希望介绍关于css中top的4点解答对大家有用。