鏈杩戝紑濮嬫伓琛ュ熀纭鐭ヨ瘑锛屽讥琛ヨ嚜宸辩殑鍩虹钖勫急鐨勯棶棰樸
haslayout鏄粈涔堬紵
“Layout” 鏄 IE 鐨勪竴涓鏈夊睘鎬э紝骞朵笉鏄疻3C鏍囧噯銆傚畠鍐冲畾浜嗕竴涓璞★紙灏辨槸涓涓爣绛綿iv銆乴i绛夛級鍦ㄥ唴瀹逛腑濡備綍鏄剧ず銆佷笌鍛ㄥ洿瀵硅薄鐨勪綅缃叧绯汇佷互鍙婃庢牱鍝嶅簲绋嬪簭鎴栫敤鎴蜂骇鐢熺殑浜嬩欢銆
杩欎釜灞炴у彲浠ヨ涓浜沜ss寮哄埗婵娲汇備竴浜汬TML鏍囩榛樿鍏锋湁haslayout銆
涓嬮潰杩欎簺鏍囩榛樿鎷ユ湁haslayout灞炴э細
<html><body><table><tr><th><td><img><hr><input><button><select><textarea><fieldset><legend><iframe><embed><object><applet><marquee>
鎬庢牱婵娲籰ayout锛
position: absolute 璁剧疆缁濆瀹氫綅鍙兘浼氬紩鍙戞柊鐨勯棶棰樸 float: left|right IE涓嬬殑娴姩涔熶細浜х敓涓浜涜帿鍚嶅叾濡欑殑闂銆 display: inline-block 褰撲竴涓唴鑱斿厓绱犻渶瑕乭aslayout灞炴ф椂灏遍渶瑕佺敤瀹冿紝浣嗘槸IE鏈韩涓嶆敮鎸乮nline-block鐨勶紝鍙槸琛ㄧ幇寰楀儚鏍囧噯閲岃鐨刬nline-block銆 width: 闄’auto’澶栫殑浠绘剰鍊 浼樺厛鑰冭檻浣跨敤璇ュ睘鎬с height: 闄’auto’澶栫殑浠绘剰鍊 瀵 IE6 鍙婃洿鏃╃増鏈潵璇村緢甯哥敤锛岃鏂规硶琚О涓洪湇鑾夌牬瑙(Holly hack)锛屽嵆璁惧畾杩欎釜鍏冪礌鐨勯珮搴︿负 1% (height:1%;)銆備絾鏄娉ㄦ剰锛屽綋杩欎釜鍏冪礌鐨 overflow 灞炴ц璁剧疆涓 visible 鏃讹紝杩欎釜鏂规硶灏卞け鏁堜簡銆 zoom: 闄’normal’澶栫殑浠绘剰鍊 鍙堜竴涓猧e绉佹湁灞炴э紝涓嶅吋瀹规爣鍑嗐倆oom:1鍙互鍦ㄦ祴璇曟垨鑰呬笉杩芥眰鏍囧噯鐨勬儏鍐典笅浣跨敤锛屾晥鏋滀笉閿欍 writing-mode: tb-rl ie绉佹湁灞炴э紝涓嶆帹鑽愮敤銆 IE7 杩樻湁涓浜涢澶栫殑灞炴э細
min-height: (浠绘剰鍊) max-height: (闄 none 澶栦换鎰忓) min-width: (浠绘剰鍊) max-width: (闄 none 澶栦换鎰忓) overflow: (闄 visible 澶栦换鎰忓) overflow-x: (闄 visible 澶栦换鎰忓) overflow-y: (闄 visible 澶栦换鎰忓) position: fixed
閲嶇疆haslayout.
鍦ㄦ病鏈夊叾瀹冨睘鎬ф縺娲籰ayout鐨勬儏鍐典笅锛屼娇鐢ㄤ笅闈㈢殑css鍙互閲嶇疆haslayout灞炴э細
- width, height (璁句负 “auto”)
- max-width, max-height (璁句负 “none”)(鍦 IE 7 涓)
- position (璁句负 “static”)
- float (璁句负 “none”)
- overflow (璁句负 “visible”) (鍦 IE 7 涓)
- zoom (璁句负 “normal”)
- writing-mode (浠 “tb-rl” 璁句负 “lr-t”)
display 灞炴х殑涓嶅悓锛氬綋鐢”inline-block”婵娲讳簡haslayout 灞炴ф椂锛屽氨绠楀湪涓鏉＄嫭绔嬬殑瑙勫垯涓鐩栬繖涓睘鎬т负”block”鎴”inline”锛宧aslayout 杩欎釜鏍囧織浣嶄篃涓嶄細琚噸缃负 false銆
鎶 mid-width, mid-height 璁句负瀹冧滑鐨勯粯璁ゅ”0″浠嶇劧浼氳祴浜 hasLayout锛屼絾鏄 IE 7 鍗村彲浠ユ帴鍙椾竴涓笉鍚堟硶鐨勫睘鎬”auto”鏉ラ噸缃 hasLayout銆
褰撲竴涓璞＄殑layout琚縺娲绘椂锛屽畠浠ュ強瀹冪殑瀛愬璞＄殑瀹氫綅鍜屽昂瀵歌绠楀皢鐙珛杩涜锛屼笉鍙楅檮杩戝璞＄殑骞叉壈銆備篃灏辨槸璇村畠鎷ユ湁涓涓嫭绔嬬殑甯冨眬锛坙ayout锛夈 鍥犳娴忚鍣ㄨ鑺辫垂鏇村鐨勪唬浠锋潵澶勭悊鎷ユ湁haslayout鐨勫璞°備负浜嗘彁楂樻ц兘锛屽井杞鍔犱簡layout杩欎釜IE绉佹湁鐨勬蹇点
