本节简介:讲解浮动属性及清除浮动的应用,利用所学知识手动编写代码,制作导航条案例
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
如果父级元素没有添加高度属性,子元素的高度和就是父元素的高度,但是一旦为子元素添加了float属性之后,子元素的高度就不能陈凯父级
text-align:center; line-heigh:(和区块高度一致)————文字在区块中水平垂直居中
clear:both;不允许它的上面带有浮动属性的元素
clear:left;不允许它的上面有一个带有左浮动的元素
块元素如果要显示在一行,可以统一给块元素添加float属性
一旦子元素添加了float浮动属性,子元素的高度就不能再撑开父级
清除浮动clear,both 左右两边都不允许有浮动效果
line-height等于区块的height,就可以垂直居中
如果父级元素没有添加高度属性,自己元素的高和就是父级圆的的高度、但是一旦为子集元素添加了float属性后、子集元素的高度就不能再撑开父级
如果父级元素没有添加高度属性,子集元素的高度就是父级元素的高度,但是一旦为子集元素添加了float属性之后,子元素的高度就不能再撑开父级。
text-align水平居中 line-height垂直居中
clear :left 清除左浮动,clear:right 清除右浮动