、IE與FireFox的js和css

png透明 AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)

enabled：可選項(xiàng)。布爾值(Boolean)。設(shè)置或檢索濾鏡是否激活。true：默認(rèn)值。濾鏡激活。false：濾鏡被禁止。
sizingMethod：可選項(xiàng)。字符串(String)。設(shè)置或檢索濾鏡作用的對(duì)象的圖片在對(duì)象容器邊界內(nèi)的顯示方式。crop：剪切圖片以適應(yīng)對(duì)象尺寸。image：默認(rèn)值。增大或減小對(duì)象的尺寸邊界以適應(yīng)圖片的尺寸。scale：縮放圖片以適應(yīng)對(duì)象的尺寸邊界。
src：必選項(xiàng)。字符串(String)。使用絕對(duì)或相對(duì) url 地址指定背景圖像。假如忽略此參數(shù)，濾鏡將不會(huì)作用。

firefox不能對(duì)innerText支持
firefox支持innerHTML但卻不支持innerText，它支持textContent來實(shí)現(xiàn)innerText，不過默認(rèn)把多余的空格也保留了。如果不用textContent，如果字符串里面不包含HTML代碼也可以用innerHTML代替。

禁止選取網(wǎng)頁內(nèi)容
在IE中一般用js：obj.onselectstart=function(){return false;}
而firefox用CSS:-moz-user-select:none

濾鏡的支持(例：透明濾鏡)
IE:filter：alpha(opacity=10);
firefox：-moz-opacity:.10;

捕獲事件
IE：obj.setCapture() 、obj.releaseCapture()
Firefox：document.addEventListener(”mousemove”,mousemovefunction,true);
document.removeEventListener(”mousemove”,mousemovefunction,true);

獲取鼠標(biāo)位置
IE:event.clientX、event.clientY
firefox：需要事件函數(shù)傳遞事件對(duì)象
obj.onmousemove=function(ev){
X= ev.pageX;Y=ev.pageY;
}

DIV等元素的邊界問題
比如：設(shè)置一個(gè)div的CSS:：{width:100px;height:100px;border:#000000 1px solid;}
IE中：div的寬度（包括邊框?qū)挾龋?00px，div的高度（包括邊框?qū)挾龋?00px；
而firefox：div的寬度（包括邊框?qū)挾龋?02px，div的高度（包括邊框?qū)挾龋?02px；

判斷瀏覽器類型
var isIE=document.all ? true : false;
我寫了一個(gè)變量，如果支持document.all語法那么isIE=true，否則isIE=false

在不同瀏覽器下的CSS處理
一般可以用!important來優(yōu)先使用css語句（僅firefox支持）
比如：{border-width:0px!important;border-width:1px;}
在firefox下這個(gè)元素是沒有邊框的，在IE下邊框?qū)挾仁?px

document.formName.item(”itemName”) 問題
問題說明：IE下，可以
使用 document.formName.item(”itemName”) 或 document.formName.elements
[”elementName”]；Firefox下，只能使用document.formName.elements[”elementName”]。
解決方法：統(tǒng)一使用document.formName.elements[”elementName”]。

集合類對(duì)象問題
問題說明：IE下，可以使用()或[]獲取集合類對(duì)象；Firefox下，只能使用[]獲取集合類對(duì)象。
解決方法：統(tǒng)一使用 [] 獲取集合類對(duì)象。

自定義屬性問題
問題說明：IE下，可以使用獲取常規(guī)屬性的方法來獲取自定義屬性，也可以使用 getAttribute() 獲取自定義屬性；Firefox下，只能使用 getAttribute() 獲取自定義屬性。
解決方法：統(tǒng)一通過 getAttribute() 獲取自定義屬性。

eval(”idName”)問題
問題說明：IE下，可以使用 eval(”idName”) 或
getElementById(”idName”) 來取得 id 為 idName 的HTML對(duì)象；Firefox下，只能使用
getElementById(”idName”) 來取得 id 為 idName 的HTML對(duì)象。
解決方法：統(tǒng)一用 getElementById(”idName”) 來取得 id 為 idName 的HTML對(duì)象。

變量名與某HTML對(duì)象ID相同的問題
問題說明：IE下，HTML對(duì)象的ID可以作為 document 的下屬對(duì)象變量名直接使用，F(xiàn)irefox下則不能；Firefox下，可以使用與HTML對(duì)象ID相同的變量名，IE下則不能。
解決方法：使用 document.getElementById(”idName”) 代替 document.idName。最好不要取HTML對(duì)象ID相同的變量名，以減少錯(cuò)誤；在聲明變量時(shí)，一律加上var關(guān)鍵字，以避免歧義。

const問題
問題說明：Firefox下，可以使用const關(guān)鍵字或var關(guān)鍵字來定義常量；IE下，只能使用var關(guān)鍵字來定義常量。
解決方法：統(tǒng)一使用var關(guān)鍵字來定義常量。

input.type屬性問題
問題說明：IE下 input.type 屬性為只讀；但是Firefox下 input.type 屬性為讀寫。
解決辦法：不修改 input.type 屬性。如果必須要修改，可以先隱藏原來的input，然后在同樣的位置再插入一個(gè)新的input元素。

window.event問題
問題說明：window.event 只能在IE下運(yùn)行，而不能在Firefox下運(yùn)行，這是因?yàn)镕irefox的event只能在事件發(fā)生的現(xiàn)場(chǎng)使用。
解決方法：在事件發(fā)生的函數(shù)上加上event參數(shù)，在函數(shù)體內(nèi)(假設(shè)形參為evt)使用 var myEvent = evt?evt:(window.event?window.event:null)
示例：<input type=”button” onclick=”doSomething(event)”/>
<script language=”javascript”>
function doSomething(evt) {
var myEvent = evt ? evt: (window.event ? window.event : null)
…
}

event.x與event.y問題
問題說明：IE下，even對(duì)象有x、y屬性，但是沒有pageX、pageY屬性；Firefox下，even對(duì)象有pageX、pageY屬性，但是沒有x、y屬性。
解決方法：var myX = event.x ? event.x : event.pageX;var myY = event.y ? event.y:event.pageY;
如果考慮第8條問題，就改用myEvent代替event即可。

event.srcElement問題
問題說明：IE下，even對(duì)象有srcElement屬性，但是沒有target屬性；Firefox下，even對(duì)象有target屬性，但是沒有srcElement屬性。
解決方法：使用srcObj = event.srcElement ? event.srcElement : event.target;
如果考慮第8條問題，就改用myEvent代替event即可。

window.location.href問題
問題說明：IE或者Firefox2.0.x下，可以使用window.location或window.location.href；Firefox1.5.x下，只能使用window.location。
解決方法：使用 window.location 來代替 window.location.href。當(dāng)然也可以考慮使用 location.replace()方法。

模態(tài)和非模態(tài)窗口問題
問題說明：IE下，可以通過showModalDialog和showModelessDialog打開模態(tài)和非模態(tài)窗口；Firefox下則不能。
解決方法：直接使用 window.open(pageURL,name,parameters) 方式打開新窗口。
如
果需要將子窗口中的參數(shù)傳遞回父窗口，可以在子窗口中使用window.opener來訪問父窗口。如果需要父窗口控制子窗口的話，使用var
subWindow = window.open(pageURL,name,parameters);來獲得新開的窗口對(duì)象。

frame和iframe問題
以下面的frame為例：
<frame src=”xxx.html” id=”frameId” name=”frameName” />
(1)訪問frame對(duì)象
IE：使用window.frameId或者window.frameName來訪問這個(gè)frame對(duì)象；
Firefox：使用window.frameName來訪問這個(gè)frame對(duì)象；
解決方法：統(tǒng)一使用 window.document.getElementById(”frameId”) 來訪問這個(gè)frame對(duì)象；

(2)切換frame內(nèi)容
在IE和Firefox中都可以使用window.document.getElementById(”frameId”).src = “xxx.html”或window.frameName.location = “xxx.html”來切換frame的內(nèi)容；
如果需要將frame中的參數(shù)傳回父窗口，可以在frame中使用parent關(guān)鍵字來訪問父窗口。

body載入問題
問題說明：Firefox的body對(duì)象在body標(biāo)簽沒有被瀏覽器完全讀入之前就存在；而IE的body對(duì)象則必須在body標(biāo)簽被瀏覽器完全讀入之后才存在。
[注] 這個(gè)問題尚未實(shí)際驗(yàn)證，待驗(yàn)證后再來修改。
[注] 經(jīng)驗(yàn)證，IE6、Opera9以及FireFox2中不存在上述問題，單純的JS腳本可以訪問在腳本之前已經(jīng)載入的所有對(duì)象和元素，即使這個(gè)元素還沒有載入完成。

事件委托方法
問題說明：IE下，使用 document.body.onload = inject;其中function inject()在這之前已被實(shí)現(xiàn)；在Firefox下，使用 document.body.onload = inject();
解決方法：統(tǒng)一使用 document.body.onload=new Function(”inject()”);或者 document.body.onload = function(){/* 這里是代碼 */}
[注意] Function和function的區(qū)別

訪問的父元素的區(qū)別
問題說明：在IE下，使用 obj.parentElement 或 obj.parentNode 訪問obj的父結(jié)點(diǎn)；在firefox下，使用 obj.parentNode 訪問obj的父結(jié)點(diǎn)。
解決方法：因?yàn)閒irefox與IE都支持DOM，因此統(tǒng)一使用obj.parentNode 來訪問obj的父結(jié)點(diǎn)。

cursor:hand VS cursor:pointer
問題說明：firefox不支持hand，但ie支持pointer ，兩者都是手形指示。
解決方法：統(tǒng)一使用pointer。

innerText的問題
問題說明：innerText在IE中能正常工作，但是innerText在FireFox中卻不行。
解決方法：在非IE瀏覽器中使用textContent代替innerText。
示例：
if(navigator.appName.indexOf(”Explorer”) >-1){
document.getElementById(”element”).innerText = “my text”;
}else{
document.getElementById(”element”).textContent = “my text”;
}
[注] innerHTML 同時(shí)被ie、firefox等瀏覽器支持，其他的，如outerHTML等只被ie支持，最好不用。

對(duì)象寬高賦值問題
問題說明：FireFox中類似 obj.style.height = imgObj.height 的語句無效。
解決方法：統(tǒng)一使用 obj.style.height = imgObj.height + “px”;

Table操作問題
問題說明：ie、firefox以及其它瀏覽器對(duì)于 table 標(biāo)簽的操作都各不相同，在ie中不允許對(duì)table和tr的innerHTML賦值，使用js增加一個(gè)tr時(shí)，使用appendChild方法也不管用。
解決方法：
//向table追加一個(gè)空行：
var row = otable.insertRow(-1);
var cell = document.createElement(”td”);
cell.innerHTML = “”;
cell.className = “XXXX”;
row.appendChild(cell);
[注] 由于俺很少使用JS直接操作表格，這個(gè)問題沒有遇見過。建議使用JS框架集來操作table，如JQuery。

ul和ol列表縮進(jìn)問題
消除ul、ol等列表的縮進(jìn)時(shí)，樣式應(yīng)寫成：list-style:none;margin:0px;padding:0px;
其中margin屬性對(duì)IE有效，padding屬性對(duì)FireFox有效。← 此句表述有誤，詳細(xì)見↓
[注] 這個(gè)問題尚未實(shí)際驗(yàn)證，待驗(yàn)證后再來修改。
[注]
經(jīng)驗(yàn)證，在IE中，設(shè)置margin:0px可以去除列表的上下左右縮進(jìn)、空白以及列表編號(hào)或圓點(diǎn)，設(shè)置padding對(duì)樣式?jīng)]有影響；在Firefox
中，設(shè)置margin:0px僅僅可以去除上下的空白，設(shè)置padding:0px后僅僅可以去掉左右縮進(jìn)，還必須設(shè)置list-style:none才
能去除列表編號(hào)或圓點(diǎn)。也就是說，在IE中僅僅設(shè)置margin:0px即可達(dá)到最終效果，而在Firefox中必須同時(shí)設(shè)置margin:0px、
padding:0px以及l(fā)ist-style:none三項(xiàng)才能達(dá)到最終效果。

CSS透明問題
IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF：opacity:0.6。
[注] 最好兩個(gè)都寫，并將opacity屬性放在下面。

CSS圓角問題
IE：ie7以下版本不支持圓角。
FF：-moz-border-
radius:4px，或者-moz-border-radius-topleft:4px;-moz-border-
radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-
radius- bottomright:4px;。
[注] 圓角問題是CSS中的經(jīng)典問題，建議使用JQuery框架集來設(shè)置圓角，讓這些復(fù)雜的問題留給別人去想吧。

二、IE6/IE7和Firefox對(duì)Div處理的差異

基本HTML代碼

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” >
<head>
<title>Div Float Sample</title>
<style type=”text/css”>
div { margin:3px; }
.d1 { width:250px; min-height:20px; border:1px solid #00cc00; }
.d2 { width:130px; min-height:40px; border:1px solid #0000cc; }
.d3 { width:100px; min-height:40px; border:1px solid #cc0000; }
</style>
</head>
<body>
<div class=”d1″>
<div class=”d2″> </div>
<div class=”d3″> </div>
</div>
</body>
</html>
以上代碼顯示的結(jié)果如下，很正常，結(jié)果相同。

當(dāng)然所有這些情況也許是有合理解釋的，說不定增加某一個(gè)style的設(shè)置。

下面會(huì)在這個(gè)基礎(chǔ)上進(jìn)行修改，修改的內(nèi)容都在style中，其他代碼就不再重復(fù)寫了。

請(qǐng)注意，這里的Style中用到了min-height，這個(gè)和height是不同的，min-height指定了對(duì)象的一個(gè)最小高度，當(dāng)對(duì)象的子
內(nèi)容高度超過這個(gè)最小高度是，這個(gè)對(duì)象會(huì)自動(dòng)撐大。這是一個(gè)非常牛的style，可惜的是，在這個(gè)style和float這個(gè)同樣牛的style一起使用
的時(shí)候，就會(huì)出現(xiàn)各種問題。

內(nèi)部一個(gè)Div修改成為float:left

.d1 { width:250px; min-height:20px; border:1px solid #00cc00; }
.d2 { width:130px; min-height:40px; border:1px solid #0000cc; float: left; }
.d3 { width:100px; min-height:40px; border:1px solid #cc0000; }
顯示結(jié)果如下。

顯示結(jié)果如下，顯示結(jié)果如下！

顯示結(jié)果如下。:left的情況相同？

這個(gè)結(jié)果中，F(xiàn)irefox有點(diǎn)離譜了，兩個(gè)框疊在一起也就罷了，為什么那個(gè)紅框會(huì)變大捏？而且變的大小也很詭異，不知道是按照什么公式計(jì)算出來的。IE在這里的顯示應(yīng)當(dāng)是附和標(biāo)準(zhǔn)的。

內(nèi)部?jī)蓚€(gè)Div都修改成為float:left

.d1 { width:250px; min-height:20px; border:1px solid #00cc00; }
.d2 { width:130px; min-height:40px; border:1px solid #0000cc; float: left; }
.d3 { width:100px; min-height:40px; border:1px solid #cc0000; float: left; }
這和前面第一種加float:left的情況相同。

顯示結(jié)果如下。

在這種情況下，F(xiàn)irefox的結(jié)果尚能解釋，可能是float把外層的Div也作為內(nèi)層float影響的范圍，這樣內(nèi)層的就不會(huì)將外層的Div撐大了。IE在這里出現(xiàn)了Margin失效的情況，可以解釋為內(nèi)層第二個(gè)float造成了影響。

干脆把外層的Div也修改成為float:left

.d1 { width:250px; min-height:20px; border:1px solid #00cc00; float: left; }
.d2 { width:130px; min-height:40px; border:1px solid #0000cc; float: left; }
.d3 { width:100px; min-height:40px; border:1px solid #cc0000; float: left; }
以上代碼在下面這些Doctype下試驗(yàn)過，結(jié)果相同。

顯示結(jié)果如下，

這種情況下，F(xiàn)irefox正常了，而IE延續(xù)了前面的不正常情況。

外層是float:left，內(nèi)層最后一個(gè)不再float:left

.d1 { width:250px; min-height:20px; border:1px solid #00cc00; float: left; }
.d2 { width:130px; min-height:40px; border:1px solid #0000cc; float: left; }
.d3 { width:100px; min-height:40px; border:1px solid #cc0000; }
left的情況相同。所以最好是padding和margin都不用?

顯示結(jié)果如下，

IE在這里的顯示應(yīng)當(dāng)是附和標(biāo)準(zhǔn)的。

這和前面第一種加float:left的情況相同。

結(jié)論

再重申一次，本文討論的是一個(gè)比較高級(jí)的話題。如果在style中用height而不是min-height來設(shè)定高度，是不會(huì)出現(xiàn)以上這些問題的。不過，不用min-height就失去了div自動(dòng)撐大這一個(gè)很有必要的特性。

在min-height和float:left的情況下，沒有一種完美的寫法讓Firefox和IE結(jié)果相同。不過仍然可以發(fā)現(xiàn)繞開的方法。

進(jìn)一步試驗(yàn)可以發(fā)現(xiàn)，margin遭到的影響在padding上比較好，所以最好是padding和margin都不用，或者只用padding。

兩者相同的代碼如下，

div { padding:3px; }
.d1 { width:250px; min-height:20px; border:1px solid #00cc00; float: left; }
.d2 { width:130px; min-height:40px; border:1px solid #0000cc; float: left; }
.d3 { width:100px; min-height:40px; border:1px solid #cc0000; float: left; }
left的情況相同。當(dāng)對(duì)象的子內(nèi)容高度超過這個(gè)最小高度是。

顯示結(jié)果如下，

呵呵，總算是一樣了，雖然是湊合著一樣了。幸好一樣了，否則只好用table了。

當(dāng)然所有這些情況也許是有合理解釋的，說不定增加某一個(gè)style的設(shè)置，這些問題都迎刃而解了，不過目前我還沒有找到這個(gè)設(shè)置。

關(guān)于Doctype

可惜的是，在這個(gè)style和float這個(gè)同樣牛的style一起使用的時(shí)候。

以上代碼在下面這些Doctype下試驗(yàn)過，結(jié)果相同。

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd“>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd“>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

三、CSS完美兼容IE6/IE7/FF的通用方法

關(guān)于CSS對(duì)各個(gè)瀏覽器兼容已經(jīng)是老生常談的問題了, 網(wǎng)絡(luò)上的教程遍地都是.以下內(nèi)容沒有太多新穎, 純屬個(gè)人總結(jié), 希望能對(duì)初學(xué)者有一定的幫助.
一、CSS HACK

以下兩種方法幾乎能解決現(xiàn)今所有HACK.

1, !important

隨著IE7對(duì)!important的支持, !important 方法現(xiàn)在只針對(duì)IE6的HACK.(注意寫法.記得該聲明位置需要提前.)

2, IE6/IE77對(duì)FireFox

*+html 與 *html 是IE特有的標(biāo)簽, firefox 暫不支持.而*+html 又為 IE7特有標(biāo)簽.

注意:
*+html 對(duì)IE7的HACK 必須保證HTML頂部有如下聲明：

二、萬能 float 閉合

關(guān)于 clear float 的原理可參見 [How To Clear Floats Without Structural Markup]
將以下代碼加入Global CSS 中,給需要閉合的div加上 class=”clearfix” 即可,屢試不爽.

三、其他兼容技巧

1, FF下給 div 設(shè)置 padding 后會(huì)導(dǎo)致 width 和 height 增加, 但I(xiàn)E不會(huì).(可用!important解決)
2, 居中問題.
1).垂直居中.將 line-height 設(shè)置為 當(dāng)前 div 相同的高度, 再通過 vertical-align: middle.( 注意內(nèi)容不要換行.)
2).水平居中. margin: 0 auto;(當(dāng)然不是萬能)
3, 若需給 a 標(biāo)簽內(nèi)內(nèi)容加上 樣式, 需要設(shè)置 display: block;(常見于導(dǎo)航標(biāo)簽)
4, FF 和 IE 對(duì) BOX 理解的差異導(dǎo)致相差 2px 的還有設(shè)為 float的div在ie下 margin加倍等問題.
5, ul 標(biāo)簽在 FF 下面默認(rèn)有 list-style 和 padding . 最好事先聲明, 以避免不必要的麻煩. (常見于導(dǎo)航標(biāo)簽和內(nèi)容列表)
6, 作為外部 wrapper 的 div 不要定死高度, 最好還加上 overflow: hidden.以達(dá)到高度自適應(yīng).
7, 關(guān)于手形光標(biāo). cursor: pointer. 而hand 只適用于 IE.

1 針對(duì)firefox ie6 ie7的css樣式
現(xiàn)在大部分都是用!important來hack，對(duì)于ie6和firefox測(cè)試可以正常顯示，
但是ie7對(duì)!important可以正確解釋，會(huì)導(dǎo)致頁面沒按要求顯示！找到一個(gè)針
對(duì)IE7不錯(cuò)的hack方式就是使用“*+html”，現(xiàn)在用IE7瀏覽一下，應(yīng)該沒有問題了。
現(xiàn)在寫一個(gè)CSS可以這樣：

#1 { color: #333; } /* Moz */
* html #1 { color: #666; } /* IE6 */
*+html #1 { color: #999; } /* IE7 */
那么在firefox下字體顏色顯示為#333，IE6下字體顏色顯示為#666，IE7下字體顏色顯示為#999。

2 css布局中的居中問題
主要的樣式定義如下：

body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
說明：
首先在父級(jí)元素定義TEXT-ALIGN: center;這個(gè)的意思就是在父級(jí)元素內(nèi)的內(nèi)容居中；對(duì)于IE這樣設(shè)定就已經(jīng)可以了。
但在mozilla中不能居中。解決辦法就是在子元素定義時(shí)候設(shè)定時(shí)再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
需要說明的是，如果你想用這個(gè)方法使整個(gè)頁面要居中，建議不要套在一個(gè)DIV里，你可以依次拆出多個(gè)div，
只要在每個(gè)拆出的div里定義MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。

3 盒模型不同解釋

#box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}
#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}

4 浮動(dòng)ie產(chǎn)生的雙倍距離

#box{ float:left; width:100px; margin:0 0 0 100px; //這種情況之下IE會(huì)產(chǎn)生200px的距離 display:inline; //使浮動(dòng)忽略}
這里細(xì)說一下block,inline兩個(gè)元素,Block元素的特點(diǎn)是:總是在新行上開始,高度,寬度,行高,邊距都可以控制(塊元素);Inline元素的特點(diǎn)是:和其他元素在同一行上,…不可控制(內(nèi)嵌元素);

#box{ display:block; //可以為內(nèi)嵌元素模擬為塊元素 display:inline; //實(shí)現(xiàn)同一行排列的的效果 diplay:table;

IE不認(rèn)得min-這個(gè)定義，但實(shí)際上它把正常的width和height當(dāng)作有min的情況來使。這樣問題就大了，如果只用寬度和高度，
正常的瀏覽器里這兩個(gè)值就不會(huì)變，如果只用min-width和min-height的話，IE下面根本等于沒有設(shè)置寬度和高度。
比如要設(shè)置背景圖片，這個(gè)寬度是比較重要的。要解決這個(gè)問題，可以這樣：
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}

6 頁面的最小寬度

min-width是個(gè)非常方便的CSS命令，它可以指定元素最小也不能小于某個(gè)寬度，這樣就能保證排版一直正確。但I(xiàn)E不認(rèn)得這個(gè)，
而它實(shí)際上把width當(dāng)做最小寬度來使。為了讓這一命令在IE上也能用，可以把一個(gè)