网页制作 
首页 > 网页制作 > 浏览文章

关于页面元素的绝对定位和相对定位的一些理解

(编辑:jimmy 日期: 2024/11/16 浏览:3 次 )
从今天开始要经常性的把一些小知识点整理一下了,可能有些很简单,不过应该是都能用得到的。

关于div的绝对定位和相对定位,这个是每一个搞前端的IT人员都会用到的,所谓绝对定位,就是这个东西就是在那里了,不管其他东西怎么动,我的位置不变,这个说好听点叫有气节,说不好听了叫耍无赖。当然一般使用绝对定位都是为了相对定位用的。这个就类似于黑帮收保护费,这一片归我管,那我里面的元素位置都是想对我而言的,和外界没有关系。说完绝对定位,来说一下相对定位,含有这个属性的元素就很没气节了,领导去哪我去哪,永远围着领导转。恩恩,扯这么多言归正传。

有些时候,我们需要在一个图层上面加点东西,但是在web页面里面不能像ps里面这么方便的添加。我们需要写一个div(或者其他容器)来存放我们这个图层里面的东西,然后把它放到我们想要放置的图层(div)内,将我们父层的style属性内的position设为absolute,最后将我们新建的div的style的position设为relative。这样我的层就会置于父层之上了。子层会有top bottom left right属性,通过上下左右我们可以定位我们的元素了。

有一点需要注意,如果你没有定义一个绝对定位层,那么你的相对定位就是相对整个页面而言的,一个大家常用的原型设计软件Axure RP就是全局的相对定位。其实Axure RP挺好用的。

天气转凉了,注意保暖。
上一篇:写样式时背景色的声明的重要性
下一篇:web前端常用操作整理(含JS/HTML/CSS等方面知识)
一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。