本节简介:讲解浮动属性及清除浮动的应用,利用所学知识手动编写代码,制作导航条案例
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
float:left (right) 浮动,原有位置不在 清除浮动 clear:left:(身上不允许有左浮动的覆盖)right both
如果父级元素没有添加高度属性,子集元素的高度和就是父级元素的高度,但是一旦为子集元素添加了浮动属性之后,子集元素的高度就不能再撑开父级了;可以用clear 属性清除浮动样式后,让父集高度等于子集高度之和。
当父集没有定义高度,而子集都设置了浮动样式之后,可以用clear 属性清除浮动样式后,让父集高度等于子集高度之和
如果父级元素没有添加高度属性,子集元素的高度和就是父级元素的高度,但是一旦为子集元素添加了浮动属性之后,子集元素的高度就不能再撑开父级了
clear清除浮动样式 clear:left(清除左浮动)right(清除右浮动)both(清除左右浮动)
1、清除浮动 clear(left,right,both)
如果父级元素没有添加高度属性,子集元素的高度和就是父级元素的高度,但是一旦为子集元素添加了浮动属性之后,子集元素的高度就不能再撑开父级了。
父级区块的宽度设为固定值时,若子级区块的宽度之和大于父级宽度且子级区块都设为左浮动时,子级区块会自动换到下一行
当父集没有定义高度,而子集都设置了浮动样式之后,可以用clear 属性清除浮动样式后,让父集高度等于子集高度之和
clear值作用是使当前元素忽略其上方元素的浮动属性
如果父级元素没有添加高度属性,子集元素的高度和就是父级元素的高度,但是一旦为子元素添加了float属性之后,子元素的高度就不能再撑开父级
clear:清除浮动,clear:both;both属性清除左右覆盖的浮动
text-aligin:center; line-height:40px; 水平居中,垂直居中
如果父级元素没有添加高度,子元素的高度就是父元素的高度