定位
定位可以使一个盒子压在其他的盒子上并且固定住。
定位=定位模式(position)+边偏移
边偏移的四个属性只存在于定位中。
添加了绝对定位的选择器以离他最近一级有定位的祖父元素为参考,当祖父级别选择器都没有定位时,以浏览器为准定位。
注意:绝对定位不再占有原先的位置(脱标)。
但也不是一成不变的,特殊情况特殊对待,也会遇到子绝父绝,子相父相的存在。
固定定位也是脱标的,其实固定定位也可以看作是一种特殊的绝对定位
*如何使固定定位盒子定位在版心的右侧,以版心作为参照标准。
粘性定位:浏览器不常用,兼容性较差。
同种效果可以使用js来做
小知识:浮动产生的目的是为了制作文字环绕片的效果,浮动在遇到文字(图片)时不会压住它们。
网页布局总结概括
元素的显示与隐藏
- display
None不仅隐藏元素,原来的位置也会被占有。
2.visibility
Visibility隐藏元素后可以保留原本的位置。
注意visibility和display的区别!!!
3.overflow溢出
总结:auto比scroll好用,灵活,定位盒子慎用overflow:hidden