html中的“ position： absolute”是绝对定位，怎么用？

html中的“position：absolute”是绝对定位，一般配合“top”和“left”属性同时使用。

1、新建html文档，在body标签中添加一个div，然后在这个div中再添加一个div，这时默认情况下内div在外div的左上角：

2、为内div添加“position”属性，属性值为“absolute”，外div添加“position”属性，属性值为“relative”，这时内div会向外div绝对定位：

3、为内div设置距离顶部距离属性“top”和距离左侧属性“left”，这时内div会向外div做指定距离的定位：

1、“position：absolute”是绝对定位的意思，单纯的使用absolute属性并不会其效果，需要配合“top bottom left right ”属性才能看到效果。首先需要新建一个html文件，这里定义了10个换行符，换行符的下面定义一个div：

2、此时保存文件，打开浏览器可以看到div在浏览器的下方位置，接下来来设置绝对定位，让div显示在任意位置：

3、给divc的class使用absolute属性, 并使用上下左右位置属性，设置向上和向左分别50px，接着保存文件：

4、再次打开浏览器，可以看到div的位置在浏览器上方，覆盖了换行符的位置：

position就是css中的定位属性，值有好几个，常用的就是relative和absolute。
relative就是相对定位，所谓的相对定位就是相对标签本身之前的位置，可以理解为元神出窍。相对定位的标签不管top等值是多少都会在原地留下原来位置。
absolute绝对定位，直接用绝对定位的话，锁定的位置是相对于浏览器来说的，如果父元素或者父元素的上一级元素是相对定位的话，那么绝对定位会根据设置了相对定位的元素来调整下位置。
设置了定位以后可以通过top,left,right,bottom来调整位置。用top就可以不用bottom，用left就可以不用right，反之亦然。
位置的值可以是像素，也可以是百分比等。比如top: 50%这样。

#17135098070# HTML POSITION 绝对定位问题 - ******
#苍薇# <div style=＂position:relative; width:1000px; margin:auto; height:200px;＂> <div style=＂position:absolute; left:0; top:0; width:200px; height:200px; background-color:#f00; z-index:100＂>div1 下方的</div> <div style=＂position:absolute; left:0; top:0; ...

#17135098070# css中的position ******
#苍薇# <style type=＂text/css＂> <!-- #outer { /* outer容器宽400px,高150px,背景色为黄色 并将outer容器绝对定位于距窗口左100px,上50px */ position: absolute; left: 100px; top: 50px; height: 400px; width: 150px; background-color: yellow; } #inner { /* ...

#17135098070# 网页制作 div style position的问题 - ******
#苍薇# static(没有特别的设定,遵循基本的定位规定)、 fixed、(以浏览器为参照物定位 脱离文档流) relative(相对定位,以自己为参照物移动 不脱离文档流) 、absolute(选取其最近的父级定位元素做参照物来定位,脱离文档流)

#17135098070# HTML中的定位,position中的relative相对定位,是我要让它往右点,就得定left吗 - ******
#苍薇# left它的取值决定了他的的偏移方向,如果是正值,会往右靠,如果是负值,也会往左靠,right同理

#17135098070# 在CSS 中,用 float 和 position 的区别是什么 - ******
#苍薇# float: 是漂浮的意思,一般跟宽度百分比,或者固定的宽度来搭配使用,但是其缺点在于改变浏览器的形状后容易出现换行,或者整体结构的变形.postion:是定位系统,分为几个属性:absolute 生成绝对定位的元素,相对于 static ...

#17135098070# HTML,CSS position定位问题 - ******
#苍薇# 1.绝对定位和相对定位其实都一样,绝对定位是相对于整个html文档的位置(即整个页面)而言,相对定位是相对于内部标签的位置而言 2.“绝对定位和相对定位的占位问题”,不懂什么意思 3.我不知道那个边距是什么意思,left和top的设置是以margin的最边缘起算的 4.其实你说的margin-top没有效果恰恰是符合标准,你说的dreamweaver里有效是因为dreamweaver预览效果不符合标准,不用考虑它,当然加上margin的话如3所说会起作用,至于为什么,仅仅就是标准,没有为什么 5.可能你又要问margin-top没有效果怎么办,答案是<div id=＂da＂>加上padding-top:1px;

#17135098070# 关于html中 焦点图片轮播代码 position - ******
#苍薇# relative绝对定位,left,top值相对于自身移动,absolute相对定位,left,top值相对于其父级或者祖先级中第一个设置relative的位置进行移动,如果没有设置则相对于body的位置移动,absolute会脱离正常的文本流,撑不开父级高度,而relative不会.

#17135098070# html中position的问题 - ******
#苍薇# 设置不同的高度(第二个div的设置为:top: 上一个div的高度) 例如第一个div高度32px则第二个设置: .div2{position: fixed;left:0;top:32px; }

#17135098070# 在HTML CSS布局的时候,position是不是一个需要避免的属性,除了哪些层外的那些元素? - ******
#苍薇# position 是一个不可避免的元素,包括顶部定栏等功能,随着对CSS和HTML的了解,你最终是一定会用到的,至于你说的错位原因来源于你对CSS规范的不了解,请翻看CSS对于其属性的定义.