一般在將div居中顯示時(shí)，使用css：
divX {margin:0 auto;}
此css在firefox下是好的，但是在ie下不起作用，網(wǎng)上看到原因如下：
<div id=”cnbruce”>margin: 0 auto 看看內(nèi)容居中否</div>
如上調(diào)試結(jié)果，IE6.0是不居中的，當(dāng)然解決的辦法可以是對(duì)網(wǎng)頁(yè)主體“<body>”聲明文本居中，即
<style>
body{text-align:center}
#cnbruce{width:500px; background-color: #ccc; margin: 0 auto}
</style>
<div id=”cnbruce”>margin: 0 auto 看看內(nèi)容居中否（加了body文本居中）</div>
然后，單個(gè)div的CSS居中，非要扯上<body>？
于是在不采用“<body>”聲明文本居中的情況下，將DOCTYPE聲明加上，立馬有效果
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<style>
#cnbruce{width:500px; background-color: #ccc; margin: 0 auto}
</style>
<div id=”cnbruce”>margin: 0 auto 看看內(nèi)容居中否（加了DOCTYPE聲明）</div>
其實(shí)原理都知道，就是因?yàn)橛眠@個(gè)“懶人”的HTML調(diào)試框，懶得去輸入些忘卻的東西，到頭來(lái)還以為真相就是如此呢。。。
同樣，關(guān)于“一邊固定，一邊自動(dòng)擴(kuò)展”的例子，加與不加在IE效果完全不同。
如下是不加的情況：
<html xmlns=” http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>CSS布局</title>
<style type=”text/css”>
<!–
body {margin:0;}
#dv1 {background-color: #3399FF;float: left;width: 280px;}
#dv2 {background-color: #FFCC00;width:100%;}
–>
</style>
</head>
<body>
<div id=”dv1″>
<pre>#dv1 {background-color: #3399FF;float: left;width: 280px;} </pre>
</div>
<div id=”dv2″>
<pre>#dv2 {background-color: #FFCC00;width:100%;}</pre>
</div>
</body>
</html>
如下是添加了DOCTYPE聲明
<!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>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>CSS布局1</title>
<style type=”text/css”>
<!–
body {margin:0;}
#dv1 {background-color: #3399FF;float: left;width: 280px;}
#dv2 {background-color: #FFCC00;width:100%;}
新聞熱點(diǎn)
疑難解答
圖片精選
