您现在的位置是:首页 > 产经 >正文
css position的使用(CSS position属性)
发布时间:2022-08-19 03:03:09谈群莲来源:
导读 您好,蔡蔡就为大家解答关于css position的使用,CSS position属性相信很多小伙伴还不知道,现在让我们一起来看看吧!1、position很重要,...
您好,蔡蔡就为大家解答关于css position的使用,CSS position属性相信很多小伙伴还不知道,现在让我们一起来看看吧!
1、position很重要,有以下几个值:static,relative,absolute,fixed。
2、*所有主流浏览器都支持 position 属性,这个属性定义建立元素布局所用的定位机制。
3、任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。
4、相对定位元素会相对于它在正常流中的默认位置偏移。
5、static:静态定位。
6、如果你没有设置position属性,那么缺省就是static。
7、top,left,bottom,right等属性,在static的情况下是无效的,要使用这些属性,必须把position设置为其他三个值之一。
8、relative:相对定位。
9、元素将按照静态定位时的位置进行调整,在静态定位中分配给元素的空间仍然会分配给它,它两边的元素不会向它靠近来填充那个空间,但它们也不会从元素的新位置被挤走。
10、absolute:绝对定位。
11、元素将按照包含它的元素的位置进行调整,比如它嵌套在另一个绝对定位的元素中,那么就相对于那个元素定位。
12、fixed:固定定位。
13、元素将被设置在浏览器上一个固定位置上,不会随其他元素滚动。
14、形象点说,上下拉动滚动条的时候,fixed的元素在屏幕上的位置不变。
15、需要注意的是IE6并不支持此属性。
16、注意:很多网页都是居中的,这样,当对元素进行绝对定位的时候,在不同的分辨率下显示会有偏差,这时,我们可以通过类似下面的方法来处理:。
本文就讲到这里,希望大家会喜欢。
标签:
猜你喜欢
最新文章
- css position的使用(CSS position属性)
- 无人机电池充电多久(无人机电池)
- cpu型号数字代表(cpu型号数字代表什么)
- 今日切羊肉片机器哪个牌子好家用(羊肉切片机十大品牌排行榜)
- 今日淘宝代练店运营(淘宝代练店怎么开)
- 今日脚上长鸡眼怎么办去除小窍门(长鸡眼了怎么办脚底长了鸡眼怎么去除)
- 喜洋洋与灰太狼之原始世界历险记(喜洋洋之灰太狼原始世界历险记全集)
- 西宁海拔高度约为多少(西宁海拔高度)
- 白雪却嫌春色晚故穿庭树作飞花的意思(白雪却嫌春色晚故穿庭树作飞花)
- 株洲方特水上乐园冲浪(株洲方特水上乐园)
- 瓦莲京娜照片(瓦莲京娜)
- 喝荷叶茶的好处(喝荷叶茶的好处和坏处)
- 御组词有哪些(御组词)
- 翼支付甜橙理财官网(翼支付甜橙理财)
- 绝世唐门王东吃醋(绝世唐门王东)
- 海参木耳汤功效(海参木耳汤)
- 一瓶啤酒多久能开车(一瓶啤酒多久能开车)
- 王大治和董洁的视频(王大治和董洁的电视剧)
- 搅搅糖做法(搅搅糖)
- 诺基亚官方旗舰店正品(诺基亚官方旗舰店)
- 朱亚文主演的电视剧特种兵(朱亚文主演的电视剧)
- 男朋友喜欢温柔的吻我。
- 335鐏硶澶╄祴杈撳嚭(3 35火法天赋)
- 广州华润万家超市兼职(广州华润万家超市地址)