黑马程序员技术交流社区
标题:
学习
[打印本页]
作者:
打酱油的我
时间:
2019-4-17 22:23
标题:
学习
参照物：
01 如果父级没有定位默认的参照物就是浏览器
02 如果父级有定位参照物就是父级元素
绝对定位的参照物选取（重点）
绝对定位的参照物默认以父级为主，如果父级没有定位就一层一层往上找祖先盒子，如果找不到有定位的祖先盒子就以浏览器为参照物；
注意：父级的定位可以是除静态定位以外任何一种定位形式；
子绝父相（重点）
为什么要用子绝父相？
相对定位是占位的定位，绝对定位是不占位的定位，实际工作中我们需要不改变父级元素原来占有的位置，如果使用绝对定位的话父级元素占有的位置会被其他盒子占有，影响我们整体布局，所以我就用相对定位进行占位的定位；
应用
子级绝对，父级相对，父级盒子定位了，但是依然占位，不会影响其他盒子的布局；
固定定位： position:fixed;
参照物：电脑屏幕（可视窗口）；
特点：
固定定位完全脱离了标准流，参照物是可视窗口为准，和父级没任何关系，IE6不支持固定定位，但是我们现在不用管它，直接使用就可以；
让有定位的盒子水平或者垂直居中（死记硬背）
01、 如果盒子的定位模式是对定位：position:relative;相对定位，因为他没有脱离文档流，所以可以直接用margin:auto;进行居中设置。
02、 如果盒子是绝对定位或者固定位，盒子脱离了文档流：可以进行以下操作：
设置水平居中：设置定位盒子的left :50%; 设置盒子的margin-left:-自己的宽度的一半，让盒子水平居中；
设置垂直居中：设置定位盒子的top :50%; 设置盒子的margin-top:-自己的高度的一半，让盒子垂直居中；
上面的只是笔记的一小部分 这样的额学习生活 让我感觉回到了学校 从大学毕业以后就没有这样学习了 感觉自己就是一块海绵 在努力的吸取水分 当然可以让自己变得更加优秀 不至于让社会淘汰
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2