目录：

• 1、CSS+div 绝对定位怎么做 给个图片例子！ 谢谢
• 2、求大神解释： 我要用CSS布局，请问绝对定位的坐标改怎么计算。可以举个例子说明下吗？？
• 3、如何用css使一个用绝对定位的图片定位在网页一个具 *** 置,不随网页大小等改变位置!
• 4、css中，绝对定位和相对定位是什么意思？通常都是怎么用？
• 5、css中定位的三种方式

CSS+div 绝对定位怎么做 给个图片例子！ 谢谢

绝对定位是相对于某个区域的，但这具区域必须是相对的，否则相对于整个页面绝对定位

例：

.abc{width:500px;position:relative}

.box{position:absolute;width:20px;top:10px;left:10px;background:#000000; }

div class="7eff-6f84-cec2-ec85 abc"

div class="6f84-cec2-ec85-650a box"/div

/div

求大神解释： 我要用CSS布局，请问绝对定位的坐标改怎么计算。可以举个例子说明下吗？？

唉，乱七八糟。忍不了了！

我先给你按照我的理解说下，然后给你网站去理解吧，我也是从哪里理解的！

文档流的几种：

1.正常文档流。

2.浮动文档流。

3.定位的文档流。

其中你问的是定位。

定位又分为2中：

相对很绝对。

相对定位的文档流，保持占位，仍占据原来正常文档流的位置。在此基础上进行的

left:100px; top:100px; //一个表示从原来的占位点，向右、下各平移100PX。

绝对定位会脱离文档流，也就是出现了层叠覆盖的情况。

left:100px; top:100px;  它究竟跑哪里了呢？

这个坐标是以最近定位父元素为参考点的。

知道了这点你就可以计算了。

一般你需要先设置一个相对定位元素，然后在其里面定位绝对定位，这是最常见的！

几个例子：

div style="width:100px; height:100px; background-color:#c00;"

p style="width:50px; height:50px;"

span style="position:absolute;left:0; top:0; display:inline-block; width:10px; height:10px;"我绝对定位了/span

/p

/div

这个运行后

没有遇到已定位的父元素，于是BODY作为参照。

div style="width:100px; height:100px; background-color:#c00;"

p style="width:50px; height:50px; background-color:yellow; position:relative"

span style="position:absolute;left:0; bottom:0; display:inline-block; width:10px; height:10px; background-color:blue;"/span

/p

/div

这个例子你自己运行吧。

还有：

div style="width:100px; height:100px; background-color:#c00;position:relative"

p style="width:50px; height:50px; background-color:yellow; "

span style="position:absolute;left:0; bottom:0; display:inline-block; width:10px; height:10px; background-color:blue;"/span

/p

/div

如何用css使一个用绝对定位的图片定位在网页一个具 *** 置,不随网页大小等改变位置!

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style标签中，输入css代码：img {position: absolute;top: 100px; left: 200px;}。

3、浏览器运行index.html页面，此时通过css实现了图片的绝对定位，距离左侧100px，顶部200px，不随网页大小而变化。

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

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

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

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

css中定位的三种方式

之一种：固定定位

第二种：绝对定位

第三种：相对定位