前端知识复习一（css）

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

1.清楚浮动

父盒子高度为0，子盒子全部定位、浮动。子盒子不会撑开父盒子，下面的盒子会顶上来

清楚方法：

clear：both；

overflow：hidden；

加空标签

单/双

2.隐藏盒子的物种方法

1.display:none;隐藏盒子，不占位置

2.overflow：hidden；隐藏溢出部分

3.visibility：hidden：隐藏盒子，占位置

4.opacity：0；隐藏盒子，占位置（设置透明之后，里面包含的内容也透明）

5.position-left/top：-999em；隐藏盒子，不占位置

3.有高度的盒子，子盒子高度超过父盒子高度，父盒子会被撑破；

4.没有高度的盒子，子盒子会撑开父盒子

5.浮动的盒子遮挡不住标准流的文字

6.cursor：pointer；模拟鼠标小手

7.dotted点线dashed虚线

8.层级

浮动的比标准的高。定位的比浮动的高

z-index为负值的比标准流的盒子层级低