2016 - 2024

感恩一路有你

css相对定位详解 用css怎么让图片的位置不随窗口大小变化而改变其相对位置?

浏览量:2595 时间:2021-03-11 01:43:42 作者:admin

用css怎么让图片的位置不随窗口大小变化而改变其相对位置?

位置:相对|绝对|静态|固定(相对|绝对|默认|相对窗口)

您需要的是位置:固定相对于浏览器,例如div1{位置:固定顶:0 左:0宽度:100像素高度:100px}

因此div1固定在浏览器的左上角,无论你滚动网页或改变大小

但IE6不支持某些地方,小心

绝对定位是确定相对于父标签的位置。它通常用于相对定位标签。通常使用JS效果。

相对定位是相对于先前的相对定位。它一般用于浮动定位标签,一般用于绝对定位。浮动定位是常用的。我们来看一个例子:下面只说明ID name代表div的绝对位置:位置:绝对Ifbq1(绝对定位)外没有div这样的父标签,bq1将以body作为父标签。左边距正文10像素,上边距正文10像素。如果bq4(绝对定位)在bq3(相对定位)中,左边距bq3为10像素,上面距bq3为10像素。相对定位:位置:相对bq2(相对定位)始终相对于上一个对等标签作为参考标签(bq1)。Bq3基于bq2。

css相对定位和绝对定位用于什么地方?

1. 创建一个新的HTML文件,输入两个div标签,然后使用style属性将div分别设置为绝对定位和相对定位,这样所有div都可以向左移动20px,向上移动30px:

2。然后保存文件并打开浏览器查看效果,位置显示仍然很明显:

3。最后解释结果,绝对位置是到浏览器页面左侧和顶部的距离,相对位置是到正常标题的距离。以上是如何在CSS中使用绝对定位和相对定位

css相对定位详解 css相对定位和绝对定位的区别 css 绝对定位

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。