CSS基础-5天学习笔记：清除浮动与定位技术概览.pdfVIP

第七天内容1

一.清除浮动2

１使用额外法：2

２使用overflow属性来清除浮动：2

３使用伪元素来清除浮动：3

４使用双伪元素清除浮动：3

二.定位：4

１static:静态的4

２relative:相对的4

３absolute:5

４fixed：固定6

５z-index与定位一起使用：7

６定位的简单应用：如何让父盒子中的子盒子在父盒子中居中显示7

三.补充：7

四.emmet语法：8

１html:8

１.1生成结构的快捷键：8

１.2生成id名和类名9

１.3生成同级元素：9

１.4生成子类9

１.5带固定数量的:9

ulli*5+tab9

１.6带有序号名称9

１.7生成带有内容的：9

１.8生成带有属性的9

２css10

css基础

第5天课堂笔记（本课程共7天）

第七天内容

一.清除浮动

浮动对页面的影响：

如果一个父盒子中有一个子盒子，并且父盒子没有设置高，子盒子

在父盒子中进行了浮动，那么将来父盒子的高度为0.由于父盒子的高度为0，下

面的元素会自动补位，所以这个时候要进行浮动的清除。

float:left;float:right;

清除浮动：clear:both;

１使用额外法：

在浮动的盒子之下再放一个，在这个中使用clear:both，来清除

浮动对页面的影响。

a.：会将这个浮动盒子的父盒子高度重新撑开

b.外部：会将这个浮动盒子的影响清除，但是不会撑开父盒子。

注意：一般情况下不会使用这式来清除浮动。因为这种清除浮动

的方式会增加页面的，造成结构的。

２使用