-
浮動(dòng)的原本作用：文字環(huán)繞. 如果一行是圖片，一行是文字的話 給圖片設(shè)置float屬性，會(huì)實(shí)現(xiàn)文字環(huán)繞的效果查看全部
-
清除浮動(dòng)，偽元素的另一個(gè)實(shí)現(xiàn) .clearfix:after{content:''; display: table; clear:both} .clearfix{*zoom:1}查看全部
-
單側(cè)固定查看全部
-
浮動(dòng)會(huì)使元素block化查看全部
-
float特性 1. 包裹性，float所應(yīng)用的元素會(huì)變?yōu)橐粋€(gè)BFC模型 2. 破壞性，父級(jí)元素高度塌陷，計(jì)算高度時(shí)忽略float元素的高度查看全部
-
兩個(gè)方法 1. 在之后的元素(在同一個(gè)父元素下)加上clear:both; 2. 在使用float的元素的父元素上使用bfc屬性(避免浮動(dòng)帶來的高度塌陷的影響)查看全部
-
inline圖片的浮動(dòng)效果 (3) float屬性的元素具有偏移的特性(left), 靠左顯示 包裹性(bfc), 寬度實(shí)體仍存在 與文字處于同一文檔流中, 沒有互相重疊 浮動(dòng)的破壞性(塌陷, 自身盒模型的高度丟失), 同時(shí)具有包裹性(bfc), 以及偏移特性(靠邊顯示) 破壞性只是單純?yōu)榱藢?shí)現(xiàn)文字環(huán)繞效果而已...查看全部
-
inline圖片的浮動(dòng)效果 (2) 圖片設(shè)置float后, 圖片的inline box被破壞, inline box高度線丟失查看全部
-
inline圖片的浮動(dòng)效果 (1)查看全部
-
老早前, 人像一行, 文本一行: 人像本來在虛線的紅框內(nèi), 當(dāng)時(shí)“美女1...”等文本在下一行; 然后給人像設(shè)置float:left后, 其虛線紅框塌陷, 變成紅色的實(shí)線框, 此時(shí)在下面一行的文本上移(但人像本身沒有完全脫離, 形成bfc, 所以沒有和文字之間形成覆蓋), 最終達(dá)到文本環(huán)繞圖片的效果查看全部
-
其他具有破壞性的屬性(影響布局等)查看全部
-
除了float以外, 其他具有包裹性 (bfc) 的屬性查看全部
-
bfc 塊級(jí)格式化上下午 空間大小變成自身容器內(nèi)內(nèi)容本身的空間大小(寬高收縮), 不受外部影響查看全部
-
汗, 至少才意識(shí)到, 達(dá)到文字環(huán)繞的效果, 是在圖片上設(shè)置float, 而不是在文字上設(shè)置啊... 哈哈哈哈...查看全部
-
float初衷：文字環(huán)繞效果 為了不用圖片一行,文字一行查看全部
舉報(bào)
0/150
提交
取消