css中的定位

css中的定位分为4种

1;相对定位 position: relative;

         特点;1,他定位后不脱离标准流;

                     2,他定位是相对自己在标准流中的原始位置为查考点;

                     3,他区分块级元素/行内元素/行内块级元素的,因为他没脱离标准流所有行内元素的宽高无效果,

                     4,在同一个方向上只能设置一个属性值;设置了left就不能设置right;

                      5,如果在这个设置了相对定位的元素中在用margin 和padding属性的时候;margin属性的参考点是以他原来在标                                  准流中位置,而不是他移动过后的位置

2;绝对定位 position: absolute;

                       特点

                         1,是相对定位了的祖先元素来定位的;如果祖先元素中没有定位,就是相对body来定位的;不管他有几个祖                                  先;只 要祖先中没有定位属性;都是以body来定位的;如果祖先中有定位属性的;谁离他最近,就以谁为                                  参考元素;

                           2,绝对定位要脱离标准流;脱离标签流后他就不占原来的位置;

                           3,如果绝对定位是以body为参考点定位;其实他是网页首屏的宽度和高度为定位点;而不是整个网页的宽度                                     和高度的;

                           4,绝对定位后会忽略掉padding属性;

                           5,由于绝对定位后脱离标准流后;margin:0 auto;属性也失去效果。

                               在绝对定位中怎么让元素居中显示?

                             方式是:用%来实现;1,先设置left:50%;让后让让这个元素的margin-left:元素本身的一半;

3;固定定位position: fixed;

4;静态定位position: static;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容