CSS中如何进行定位,都有哪一些方法
Admin 2022-08-01 群英技术资讯 518 次浏览
1、在静态定位的情况下,每个元素都处于常规文档流中。他们都是块元素,所以会从上到下堆叠在页面上。
position: static;
2、相对定位相对于文档流中的原始位置(或默认位置)
元素原始位置的空间仍然保持不被占用,元素移动到页面的其他位置,元素在新位置响应事件。
position: relative;
3、绝对定位下,元素从文档流中被“连根拔起”,然后再相对于其他元素(在这里,是默认的定位上下文 body)定位。
position: absolute;
4、固定定位元素的定位上下文是视口(浏览器窗口或手持设备的屏幕),所以不会随着页面的滚动而移动。固定定位适合悬浮标签效果,页面滚动时总是悬浮在特定位置。
position: fixed;
本文教程操作环境:windows7系统、css3版,DELL G3电脑。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
HTML5中basecss的有关操作html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,sma
今天给大家分享的是怎样用css实现文字轮播效果的内容,本文实现文字轮播效果还是比较常见的,例如商店的门头广告牌,那么这一文字无限轮播效果是怎样做的呢?感兴趣的朋友接下来跟随小编一起看看吧。
这篇文章给大家分享的是CSS中用Flex布局做柱状图效果的方法。小编觉得挺实用的,因此分享给大家做个参考,对大家学习和了解Flex布局会有帮助,文中的示例代码介绍得很详细,有需要的朋友可以参考,接下来就跟随小编一起了解看看吧。
对于CSS3能做动漫应该很多小伙伴都知道,当我们自己想做照片墙效果的话要怎么做呢?有不少朋友对此感兴趣,下面小编给大家整理和分享了相关知识和资料,易于大家学习和理解,有需要的朋友可以借鉴参考,下面我们一起来了解一下吧。
最近才自学了html和css,今天正好做个金字塔实例,可以清楚的看出图标数据,需要的朋友们下面随着小编来一起学习学习吧
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008