css屬性觸發和清除haslayout

2021-06-29 15:15:58 字數 1028 閱讀 9185

position:    absolute

float:       left | right

display:     inline-block

width:       except 'auto'

height:      except 'auto'

zoom:        except 'normal'

overflow:    hidden | scroll | auto

overflow-x/-y: hidden | scroll | auto

position:    fixed

min-width:   any value

max-width:   except 'none'

min-height:  any value

max-height:  except 'none'

writing-mode:tb-rl   /* only for ms */

zoom:        except 'normal'

width:        auto;

height:       auto;

max-width:    none;   /* ie7 */

max-height:   none;   /* ie7 */

position:     static;

float:        none;

overflow:     visible;

zoom:         normal;

writing-mode: lr-t;

若設定了display:inline;將不會觸發haslayout。

haslayout是windows internet explorer(ie7、ie6)渲染引擎的乙個內部組成部分。在internet explorer中,使用布局概念來控制元素的尺寸和定位。在理想情況下,所有元素都控制自己的尺寸和定位。但是,這在ie中會導致很大的效能問題。因此,ie開發團隊決定只將布局應用於實際需要它的那些元素,這樣就可以充分地減少效能開銷。

position屬性 CSS清除浮動

其中static是預設值,當元素未定義position或定義position值為static時,該元素內定義的top,bottom,left,right 和 z index無效。relative表示相對定位,在文件流中仍然占有空間,其參考物件是離該元素最近的父元素。圖1表示父元素的position值...

CSS基礎(float屬性與清除浮動)

3.8 這是css裡比較重要的屬性 浮動,這個屬性會在以後經常用到,算是乙個重點吧 語法 float left right none 特點 浮動的元素不佔位置,脫離了標準文件流 頁面中標籤的預設顯示方式就是標準流 浮動的元素可以實現元素的模式互換 同方向浮動的元素會順次排列 浮動的元素頂端對齊 預設...

CSS清除浮動和定位

1.原來在一行中的兩個塊,會因為瀏覽器視窗的大小改變而改變其原來的位置 變成多行 瀏覽器視窗寬度不夠容納 解決方法 加個父div,並且設定寬度 father 左右 2.清除浮動clear 當元素有浮動屬性時,會對其父元素或後面的元素產生影響,出現乙個布局錯亂的現象。none 預設值。允許兩邊有浮動物...