• 標(biāo)簽下,然后為div指定一個(gè)類:
    然后CSS這樣設(shè)計(jì):

    #container{
    min-width: 600px;
    width:e­xpression(document.body.clientWidth < 600? “600px”: “auto” );
    }

    第一個(gè)min-width是正常的;但第2行的width使用了Javascript,這只有IE才認(rèn)得,這也會(huì)讓你的HTML文檔不太正規(guī)。它實(shí)際上通過(guò)Javascript的判斷來(lái)實(shí)現(xiàn)最小寬度。

    7 清除浮動(dòng)

    .兼容box{
    display:table;
    \/\/將對(duì)象作為塊元素級(jí)的表格顯示
    }

    或者

    .兼容box{
    clear:both;
    }

    或者加入:after(偽對(duì)象),設(shè)置在對(duì)象后發(fā)生的內(nèi)容,通常和content配合使用,IE不支持此偽對(duì)象,非Ie 瀏覽器支持,所以并不影響到IE\/WIN瀏覽器。這種的最麻煩的

    ……#box:after{
    content: “.”;
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    8 DIV浮動(dòng)IE文本產(chǎn)生3象素的bug

    左邊對(duì)象浮動(dòng),右邊采用外補(bǔ)丁的左邊距來(lái)定位,右邊對(duì)象內(nèi)的文本會(huì)離左邊有3px的間距.

    #box{
    float:left;
    width:800px;}
    #left{
    float:left;
    width:50%;}
    #right{
    width:50%;
    }
    *html #left{
    margin-right:-3px;
    \/\/這句是關(guān)鍵
    }
    HTML代碼
    <DIV id=box>
    <\/DIV>