100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > DIV+CSS定位之相对定位与绝对定位【HTML】

DIV+CSS定位之相对定位与绝对定位【HTML】

时间:2020-08-30 00:13:32

相关推荐

DIV+CSS定位之相对定位与绝对定位【HTML】

web前端|html教程

DIV+CSS定位之相对定位与绝对定位

web前端-html教程

CSS控制排版过程中,经常一不小心就被搞得版面乱七八糟.其实只要弄清楚各个方法的含义即可

彩票源码免费下载,vscode xp32位,ubuntu php面板,tomcat 原理 知乎,java爬虫事件,php 本页地址,芝罘区关键词seo优化,asp网站流量统计源码,模板源码下载lzw

语法

position : static | absolute | fixed | relative

ecshop微信源码下载,ubuntu拨号怎么上网,python爬虫带sha,php 变量 eval,seo买数据lzw

它们分别是静态(static),绝对定位(absolute),固定(fixed),相对定位(relative)

手机轰炸机易语言源码,vscode的扩展在哪里,ubuntu系统擦除,启动tomcat修改端口,反网页爬虫,php部署到apache,seo分类信息网推广,村村美网站源码,比特币区块链织梦模板lzw

比较常用的是absolute和relative

绝对定位(absolute):将被赋予此定位方法的对象从文档流中拖出,使用left,right,top, bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位,如果对象的父级没有设置定位属性,即还是遵循HTML定位规则的,则依据 body 对象左上角作为参考进行定位。绝对定位对象可层叠,层叠顺序可通过 z-index 属性控制,z-index值为无单位的整数,大的在最上面,可以有负值(目前负值FF不支持)。

相对定位(relative):对象不可层叠,依据left,right,top,bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。

absolute脱离原来父级对象后,其位置会被其它对象填补,而relative则不会

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。