首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网页制作
应用技巧
正文
关于页面元素的绝对定位和相对定位的一些理解
所属分类:
网页制作
/
应用技巧
阅读数: 925
收藏 0
赞 0
分享
从今天开始要经常性的把一些小知识点整理一下了,可能有些很简单,不过应该是都能用得到的。
关于div的绝对定位和相对定位,这个是每一个搞前端的IT人员都会用到的,所谓绝对定位,就是这个东西就是在那里了,不管其他东西怎么动,我的位置不变,这个说好听点叫有气节,说不好听了叫耍无赖。当然一般使用绝对定位都是为了相对定位用的。这个就类似于黑帮收保护费,这一片归我管,那我里面的元素位置都是想对我而言的,和外界没有关系。说完绝对定位,来说一下相对定位,含有这个属性的元素就很没气节了,领导去哪我去哪,永远围着领导转。恩恩,扯这么多言归正传。
有些时候,我们需要在一个图层上面加点东西,但是在web页面里面不能像ps里面这么方便的添加。我们需要写一个div(或者其他容器)来存放我们这个图层里面的东西,然后把它放到我们想要放置的图层(div)内,将我们父层的style属性内的position设为absolute,最后将我们新建的div的style的position设为relative。这样我的层就会置于父层之上了。子层会有top bottom left right属性,通过上下左右我们可以定位我们的元素了。
有一点需要注意,如果你没有定义一个绝对定位层,那么你的相对定位就是相对整个页面而言的,一个大家常用的原型设计软件Axure RP就是全局的相对定位。其实Axure RP挺好用的。
天气转凉了,注意保暖。
更多精彩内容
其他人还在看
关于培养色感,自己的一些方法
关于培养色感,自己的一些方法
评论 0
收藏 0
赞 0
分享
SSI技术—SHTML的解释(生成静态时用的最火)
SSI技术—SHTML的解释(生成静态时用的最火)
评论 0
收藏 0
赞 0
分享
标签(Tag)的定义和作用精解
标签(Tag)的定义和作用精解
评论 0
收藏 0
赞 0
分享
网页中防止表格被撑破的css代码
网页中防止表格被撑破的css代码
评论 0
收藏 0
赞 0
分享
SSH 使用原理 与解释
SSH 使用原理 与解释
评论 0
收藏 0
赞 0
分享
UTF-8编码问题BOM详细介绍
UTF-8编码问题BOM详细介绍
评论 0
收藏 0
赞 0
分享
photoworks下载及象框使用教程[图文]
photoworks下载及象框使用教程[图文]
评论 0
收藏 0
赞 0
分享
比较详细的一篇关于autorun.inf的讲解
比较详细的一篇关于autorun.inf的讲解
评论 0
收藏 0
赞 0
分享
缩放文字,不仅仅只是缩放文字
缩放文字,不仅仅只是缩放文字
评论 0
收藏 0
赞 0
分享
验证可通过正版验证的Office2007最新的两个序列号
验证可通过正版验证的Office2007最新的两个序列号
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
儿子网购Q币被骗 父亲怒找客服投诉又被骗
浅谈网络营销:从卖鸡蛋面的老板联想到个人站长
站长故事实战:淘宝买关键词排名SEO服务攻略介绍
网络赚钱的几种模式总结
广告如何投放才最正确有效?我就给你3个建议!
2017自媒体账号申请及运营的几点建议
站长故事
更多
一个大学生自述:我是如何把公司做死的
站长做好以下三个步骤 长期盈利不是难事
浅谈:一个草根站长的服装论坛赚钱经验
个人经历:盲目的坚持更新网站真的有用吗?
就是这7个步骤 让我6个月做到了100万用户
做好网站维护 持续吸引用户浏览