css中，绝对定位和相对定位是什么意思?通常都是怎么用？在html中怎样定义文字的位置？

css中，绝对定位和相对定位是什么意思?通常都是怎么用？

1、新建一个html文件输入两个div标签，接着使用style属性，分别给div设置为绝对定位absolute和相对定位relative，让他们其中全部向左移动20px，向上移动30px的距离：

2、然后保存文件打开浏览器看看效果，位置显示还是比较明显的：

3、最后解释下这个结果，绝对位置就是对浏览器页面左边和顶部的距离，相对位置就是距离正常的标题的距离。以上就是css中绝对定位和相对定位的使用方法：

在html中怎样定义文字的位置？

1、padding内边距： 例如：将div容器中的文字内容放在距离容器的左侧边框的20px，顶部边框的100px的位置。 注意：在容器里使用了padding的话，会改变容器的大小，所以在写代码之前要先计算好容器的大小及padding。 代码：

2、margin外边距： 代码：

3、绝对定位position：absolute； top:50px; left:20px; 让文字内容相对div容器绝对定位，需要对div容器设置：position：relative； 代码：