float浮动的滥用
浮动的特性
不足:容易出问题;需要元素固定尺寸;低版本IE不适用
浮动“砖头化”和“去空格化”
添加float之后,元素之间的空格消失
1.元素block块状化(砖头化)
2.破坏性造成的紧密排列特性(去空格化)
nbsp(空格)看作字符
砌砖布局的问题
妙脆角-嘎吱脆(容错性比较糟糕,容易出问题)
吝啬鬼-重用废(这种布局需要元素固定尺寸,很难重复使用)
洋葱头-IE7飙泪(在低版本的IE下会有很多问题)
尽量少用float砌砖头
float砌砖头
浮动的效果:
1,元素块状化,display:block;
2,去空格化;
浮动砌砖布局的问题
1、容错性比较糟糕,容易出问题
2、这种布局需要元素固定尺寸,很难重复使用
3、在低版本的IE下会有很多问题
浮动两大特性
浮动可以让元素block化
浮动的特性
浮动会让inline元素block化
浮动本用于流体布局,却被滥用砌砖头<br> <br> 浮动为何被滥用?(浮动作用)<br> <br> 1.实现元素block块状化(砖头化)<br> 2.破坏性造成的紧密排列特性(去空格化)<br> <br> 空格 /回车也是字符,顾表现类似文本环绕效果<br> 空格 占据空间,顾在设置float元素后仍找得到空格 。回车不能显示也不能选中,设置float元素后找不到,且与紧随其后元素紧挨。<br> <br> 为何不能滥用:<br> <br> 1.容错性比较糟糕,容易错位<br> 2.这种布局需要元素固定尺寸,难以复用<br> 3.低版本IE7及以下会有很多问题