本节简介:本节课主要主要介绍浮动布局选项的各个属性,以及各个属性的不同作用,并且了解使用后代选择器的作用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
后代选择器,前面父级选择器的名称,空格 后面子集选择器的名称,可以让元素更加精确的选择
clear左清除,身上不能有左浮动元素,clear右清除,,身上不能有右浮动元素,both全部,就没有元素遮挡覆盖
clear(清除) 当最外父区域高度没定义时,里面子区域都浮动,撑不开父区域,这时新建个子区域加css样式清除浮动可撑开
元素区块在同一行 float(浮动) 让同行两个靠在一起“排队”都浮动在左
.out .box,后代选择器是为了更加准确的选择到改变的元素
clear使用前提,父子集没高度,清除做浮动,对象在做浮动下方,清除右浮动,则对象在右浮动下方
clear:清除浮动,通常是在有浮动属性的div子集后加清除浮动的空div子集,可以撑开主div
添加浮动属性后,对象相当于前移,没加浮动属性的对象会到加了属性对象的后方
position 下float:浮动,左浮动定义在上一对象右边,右浮动定义在整个框架右侧
设置div里面的标签属性,在css类名前添加div的另外类名
clear:both 清除左右元素所有浮动;clear:left清除左浮动;clear:right 清楚右浮动
父级没有高度,添加clear 空白div,清除浮动