【正文】 個div 放到 body 標簽下，然后為div指定一個類, 然后CSS這樣設(shè)計： container{ minwidth: 600px。頁面結(jié)構(gòu)盡量簡單。width:100%” div id=”left”/div div id=”center”/div div id=”right”/div /div /div 再嵌入一個float left而寬度是100%的DIV解決之 ④萬能float 閉合(非常重要!) 關(guān)于 clear float 的原理可參見 [How To Clear Floats Without Structural Markup],將以下代碼加入Global CSS 中,給需要閉合的div加上class=clearfix 即可,屢試不爽. /* Clear Fix */ .clearfix:after { content:.。 12 .IE6下為什么圖片下有空隙產(chǎn)生 解決這個BUG的方法也有很多,可以是改變html的排版,或者設(shè)置img 為display:block 或者設(shè)置verticalalign 屬性為 verticalalign:top | bottom |middle |textbottom 都可以解決. 加上 verticalalign:middle。 scrollbartrackcolor:fff。padding:0。 標準瀏覽器中固定高度值的容器是不會象IE6里那樣被撐開的,那我又想固定高度,又想能被撐開需要怎樣設(shè)置呢？辦法就是去掉height設(shè)置minheight:200px。 !) toBreakWord(ff, 37)。. 新建一個css樣式如下： item { width: 200px。 example { color: 333。 } strTemp+=+strContent。 /*Style for FF*/ background:url(/res/images/up/) norepeat 1px 0px。參照 menubar, 給 a 和 menubar 設(shè)置高度是為了避免底邊顯示錯位, 若不設(shè) height, 可以在 menubar 中插入一個空格。 scrollbarhighlightcolor:fff。 textalign:center。可以做到，這樣就達到了兼容. 例如某一個wrapper如下定義:.colwrapper{ overflow:hidden。} *html left{ marginright:3px。 minwidth: 80px。/*IE下再理解為5px*/} box{ float:left。 例如:div id=”imfloat” 相應(yīng)的css為 IamFloat{float:left。 height: 35px。border:1px solid E00。 并且將clear這種樣式定義為為如下即可： .clear{ clear:both。 例：box {backgroundcolor:eee。 overflow: hidden。 } /style FF與IE 1. Div居中問題 div設(shè)置 marginleft, marginright 為 auto 時已經(jīng)居中，IE 不行，IE需要設(shè)定body居中，首先在父級元素定義textalgin: center。 //for ff+ width /**/:500px。 var strTemp=。 IE6*/ _height:20px。 } 新建一個div,并使用前面定義的css的樣式： div id=itemsome text here/div 在body表現(xiàn)這里加入lang屬性,中文為zh：body lang=en 現(xiàn)在對div元素再定義一個樣式： *:lang(en) item{ background:green !important。 width:200px。 minheight:200px。} 注意這兩個 margin的順序一定不能寫反， important這個屬性IE不能識別, 但別的瀏覽器可以識別。 top:50%。 border:1px solid red。 clear:both。自適應(yīng)高度。它實際