浏览量:14176次
在前端页面垦荒中,要实现冗杂页面的构造,必需遵照不合的办理寻求不同的CSS定位机制。CSS有三种底子定位机制:尺度流,浮动,定位,即日小编先给各人引见一下定位。
定位(position)
顾名思义,你想定哪就定哪;
元素的定位属性主要搜聚两部份:定位形式和边偏移
(1)定位模式
定位的语法:position:属性值;
position属性常用的值
static主动定位(默认定位门径)
relative相对定位,相关于其原文档流的位子进行定位
absolute绝对定位,相关于其上一个已经定位的父元素进行定位
fixed静止定位,相关于浏览器窗口进行定位
1)信息定位(static)
文档流中的默许身分,尺度流本性。主动建网站定位会用到:position: static;
2)相对定位(relative)
相对定位是将元素相对付它在标准流中的职位发展定位,当position属性的取值为relative时,或许将元素定位于相对地位。
3)绝对定位(absolute)
不占领位子,可能放在父级盒子的任意一个中央。元素踊跃转为行内块,宽度和高度跟内容有关。
4) 静止定位(fixed)
静止定位离开标准文档流的管制,一直依据浏览器窗口来定义自己的表示身分,跟父级没有关连。彻底脱标,滚动条转折不会影响它在涉猎器窗口中的位子。
大洼做网站就找春秋科技,春秋科技是一家专注于大洼网站建设、大洼网站设计、大洼网站制作、大洼做网站、大洼建网站等服务的大洼网站建设公司。已成功帮助10000多家企业实现网上盈利,为企业提供大洼网站建设一站式服务。
24小时服务热线:13733108860
[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【】,我们在确认后,会立即删除,保证您的版权。