-
浮動與display：block化查看全部
-
浮動元素查看全部
-
沒看懂查看全部
-
不會呀。查看全部
-
浮動的原本作用僅僅是為了實現文字環繞效果！查看全部
-
.fix:after{content:'';display:table;clear:both} .fix{*zoom:1;}查看全部
-
清除浮動: 1.在底部插入一個clear:both方法 2.父元素在BFC/hashlayout查看全部
-
清除浮動的更好方法查看全部
-
高級進化--智能自適應尺寸 float display: table-cell IE8+ display: inline)-block IE7查看全部
-
DOM與顯示位置匹配的單側的固定布局 width:100%+float padding-left/margin-left width+float+margin負值查看全部
-
文字單側衍生--單側固定 單側固定 width+floa padding-left/margin-left查看全部
-
布局格式查看全部
-
浮動的作用: 實質上是實現文字環繞效果 1、元素的block塊狀化(磚頭化) 2、破壞性造成的緊密排列屬性,去空白換行及去 空格特性(去空格化) float砌磚布局的缺點: 1、容錯性比糟糕，容易出現問題； 2、這種布局需要元素固定尺寸，很難重復使用； 3、在低版本的IE下會有許多問題 所以盡量不要使用float碼磚頭查看全部
-
清除浮動的代碼(只用在浮動元素的父級元素上，不得濫用！) .clearfix:after{content:"";display:block;height:0;overflow:hidden;clear:both;} .clearfix{*zoom:1} 更好的方法： clearfix:after{content:''; display：table； clear：both； } after偽元素用的是IE8以上的瀏覽器 IE6，7用的是*zoom:1 兩種方法的差異： clear：與外界還有聯系，例如會產生margin重疊的效果 BFC/haslayout（應用于父元素）:封閉，里面的聲明不會對外界產生影響，例如float不會出現margin重疊，但也有缺陷，無法使用所有瀏覽器查看全部
-
float起初的本意是讓文字環繞 float使得父元素高度塌陷，不是bug,是標準 浮動就是從父元素中脫離出來查看全部
舉報
0/150
提交
取消