hasLayout

睡覺時(shí)間到,然而天馬行空想到了zoom:1炫欺,于是手欠搜了谷歌,就引發(fā)了這樁事故...

看bootstrap源碼的時(shí)候看到了*zoom:1熏兄,當(dāng)時(shí)年少無知用了百度(莫名其妙黑)品洛,上面說“移動(dòng)端可以不用zoom:1”...好噠树姨!合上本子不去管了。桥状。帽揪。
以上都是廢話??。

這里面為什么用*zoom:1——為了讓元素的hasLayout生效辅斟,變?yōu)閠rue(可由objElement.currentStyle.hasLayout獲取查看)转晰。

what is hasLayout

hasLayout,僅限于Windows IE當(dāng)中存在這個(gè)概念士飒,它決定了元素如何對(duì)其內(nèi)容定位和尺寸計(jì)算查邢,以及與其他元素的關(guān)系和相互作用。
且看一個(gè)元素到底有沒有"layout"酵幕,有還是沒有呢扰藕?

  • 有的話,元素生成了自己的一個(gè)“布局”芳撒,負(fù)責(zé)自己和子元素內(nèi)容的尺寸和定位(翅膀硬了可以單飛了)邓深;
  • 沒有的話,元素會(huì)靠它最近的有l(wèi)ayout的祖先元素來控制自己的尺寸和定位(嫩的話還得靠爹)笔刹。

why exists

因?yàn)镮E說了芥备,元素都有l(wèi)ayout的話開銷大累得慌,所以默認(rèn)只能給有資質(zhì)的設(shè)置layout舌菜,那么誰有資質(zhì)呢萌壳?

html, body
table
tr, td
img
hr
input, select, textarea, button
iframe, embed, object, applet
marquee

How to have the "layout"

表現(xiàn)好的話,也是可以有自己的layout的酷师,怎么做才能表現(xiàn)好呢讶凉?

//IE6 / IE7
float: left或right
display: inline-block
position: absolute
width: 除auto外任何值
height: 除auto外任何值
zoom: 處normal外任何值
writing-mode: tb-rl

//IE7
min-height: 任意值
min-width: 任意值
max-height: 除none 外任意值
max-width: 除none 外任意值
overflow: 除visible外任意值,僅用于塊級(jí)元素
overflow-x: 除visible 外任意值山孔,僅用于塊級(jí)元素
overflow-y: 除visible 外任意值懂讯,僅用于塊級(jí)元素
position: fixed

所以在上面那一坨里面可以看到zoom的身影,但是為什么用zoom而不用其他台颠?因?yàn)?strong>zoom:1不會(huì)影響到元素的現(xiàn)有表現(xiàn)啊褐望,人畜無害啊有木有!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末串前,一起剝皮案震驚了整個(gè)濱河市瘫里,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌荡碾,老刑警劉巖谨读,帶你破解...
    沈念sama閱讀 222,590評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異坛吁,居然都是意外死亡劳殖,警方通過查閱死者的電腦和手機(jī)铐尚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來哆姻,“玉大人宣增,你說我怎么就攤上這事∶В” “怎么了爹脾?”我有些...
    開封第一講書人閱讀 169,301評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)箕昭。 經(jīng)常有香客問我灵妨,道長(zhǎng),這世上最難降的妖魔是什么盟广? 我笑而不...
    開封第一講書人閱讀 60,078評(píng)論 1 300
  • 正文 為了忘掉前任闷串,我火速辦了婚禮,結(jié)果婚禮上筋量,老公的妹妹穿的比我還像新娘烹吵。我一直安慰自己,他們只是感情好桨武,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評(píng)論 6 398
  • 文/花漫 我一把揭開白布肋拔。 她就那樣靜靜地躺著,像睡著了一般呀酸。 火紅的嫁衣襯著肌膚如雪凉蜂。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,682評(píng)論 1 312
  • 那天性誉,我揣著相機(jī)與錄音窿吩,去河邊找鬼。 笑死错览,一個(gè)胖子當(dāng)著我的面吹牛纫雁,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播倾哺,決...
    沈念sama閱讀 41,155評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼轧邪,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了羞海?” 一聲冷哼從身側(cè)響起忌愚,我...
    開封第一講書人閱讀 40,098評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎却邓,沒想到半個(gè)月后硕糊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,638評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評(píng)論 3 342
  • 正文 我和宋清朗相戀三年癌幕,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了衙耕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片昧穿。...
    茶點(diǎn)故事閱讀 40,852評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡勺远,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出时鸵,到底是詐尸還是另有隱情胶逢,我是刑警寧澤,帶...
    沈念sama閱讀 36,520評(píng)論 5 351
  • 正文 年R本政府宣布饰潜,位于F島的核電站初坠,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏彭雾。R本人自食惡果不足惜碟刺,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評(píng)論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望薯酝。 院中可真熱鬧半沽,春花似錦、人聲如沸吴菠。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽做葵。三九已至占哟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間酿矢,已是汗流浹背榨乎。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評(píng)論 1 274
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留瘫筐,地道東北人蜜暑。 一個(gè)月前我還...
    沈念sama閱讀 49,279評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像严肪,于是被迫代替她去往敵國(guó)和親史煎。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案驳糯? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,761評(píng)論 1 92
  • 轉(zhuǎn)載自Bubblings Blog原文地址:http://riny.net/2013/haslayout/ 1.什...
    foolgry閱讀 323評(píng)論 0 0
  • 作為前端的好孩子酝枢,總會(huì)遇到一個(gè)經(jīng)典不朽的問題:有幾種閉合內(nèi)部浮動(dòng)的方法恬偷?哈哈,是不是想說這個(gè)能難得住我帘睦?馬上能列出...
    Candy程閱讀 221評(píng)論 0 0
  • 清理浮動(dòng)兩種方式 利用 clear屬性,清除浮動(dòng) 使父容器形成BFC 考慮下列情景: 希望是這樣: 實(shí)際上卻是這樣...
    sdcV閱讀 471評(píng)論 1 3
  • “這么說诡延,你是真的決定要做一只粽子了滞欠?”粽子A問糯米兄弟∷亮迹“是的筛璧,我從小時(shí)候就這么想,我可不要成為什么年糕惹恃,糍粑夭谤,...
    遠(yuǎn)方閱讀 495評(píng)論 0 5