CSS浮动与定位

雨燕双飞 提交于 2019-11-26 18:23:50

浮动Float

1、子级浮动,父级塌陷

eg:li浮动,在ul边框下显示,且ul height为0

2、包裹性

若浮动元素没有设置宽度,会折叠到最小宽度

3、元素浮动后,横向的margin会叠加

4、浮动元素影响其他元素位置布局等

5、overflow:hidden,隐藏超出部分。在子级浮动时,可以找回父级的高度。

定位

1、position的默认值是static

2、相对定位:relative

相对自己本来的位置进行移动,原来位置是保留的。

3、绝对定位:absolute

以最近一个非静态的父级元素作为0.0点计算移动位置,会脱离文档流。

4、固定定位:fixed

会脱离常规文档流元素

5、float与absolute、fixed不能同时应用与同一个

6、z-index与relative一起使用,可以使被覆盖的图片显示出来。

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!