css相对定位详解 用css怎么让图片的位置不随窗口大小变化而改变其相对位置?
用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 绝对定位
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。