本節簡介:本節課主要主要介紹浮動布局選項的各個屬性,以及各個屬性的不同作用,并且了解使用后代選擇器的作用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
后代選擇器,前面父級選擇器的名稱,空格 后面子集選擇器的名稱,可以讓元素更加精確的選擇
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,清除浮動