css之定位
2019-02-25 16:09:34来源:博客园 阅读 ()
定位分为4种方式:静态定位,相对定位,绝对定位
静态定位:position:static
相对定位:position:relative
根据自身原来的位置定位,没有脱离标准流
绝对定位:position:absolute
1.定位的元素没有父元素的情况下,根据浏览器的可视区域定位;
2.定位的元素有父元素,父元素无定位(或父元素有静态定位),根据浏览器可视区域定位;
3.定位的元素有父元素,父元素有定位(非静态),根据父元素定位;
固定定位:position:fixed
根据浏览器可视区域定位,与父元素无关
定位的元素如果要在父元素中垂直水平居中:
top:50% margin-top: -(定位元素高度的一半);
left:50% margin-left: -(定位元素宽度的一半);
层级:z-index 只能给定位的元素添加 默认值:auto
数值越大,层级越高,盒子越靠上
原文链接:https://www.cnblogs.com/zk12138/p/10414782.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- DIV居中的经典方法 2020-06-13
- CSS中的float和margin的混合使用 2020-06-11
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点,学前端,基础不好一切白费! 2020-06-11
- ie8下透明度处理 2020-06-11
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash