放到 標簽下，然后為div指定一個類, 然后CSS這樣設(shè)計： #container{ min-width: 600px; width:expression(document.body.clientWidth
6.DIV浮動IE文本產(chǎn)生3象素的bug 左邊對象浮動，右邊采用外補丁的左邊距來定位，右邊對象內(nèi)的文本會離左邊有3px的間距. #box{ float:left; width:800px;} #left{ float:left; width:50%;} #right{ width:50%;} *html #left{ margin-right:-3px; //這句是關(guān)鍵}

7.IE捉迷藏的問題 當div應(yīng)用復(fù)雜的時候每個欄中又有一些鏈接，DIV等這個時候容易發(fā)生捉迷藏的問題。 有些內(nèi)容顯示不出來，當鼠標選擇這個區(qū)域是發(fā)現(xiàn)內(nèi)容確實在頁面。 解決辦法：對#layout使用line-height屬性或者給#layout使用固定高和寬。頁面結(jié)構(gòu)盡量簡單。

8.float的div閉合;清除浮動;自適應(yīng)高度;

① 例如：這里的NOTfloatC并不希望繼續(xù)平移，而是希望往下排。(其中floatA、floatB的屬性已經(jīng)設(shè)置為 float:left;) 這段代碼在IE中毫無問題，問題出在FF。原因是NOTfloatC并非float標簽，必須將float標簽閉合。在 之間加上 這個div一定要注意位置，而且必須與兩個具有float屬性的div同級，之間不能存在嵌套關(guān)系，否則會產(chǎn)生異常。 并且將clear這種樣式定義為為如下即可： .clear{ clear:both;}

②作為外部 wrapper 的 div 不要定死高度,為了讓高度能自動適應(yīng)，要在wrapper里面加上overflow:hidden; 當包含float的 box的時候，高度自動適應(yīng)在IE下無效，這時候應(yīng)該觸發(fā)IE的layout私有屬性(萬惡的IE??！)用zoom:1;可以做到，這樣就達到了兼容。 例如某一個wrapper如下定義： .colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}

③對于排版,我們用得最多的css描述可能就是float:left.有的時候我們需要在n欄的float div后面做一個統(tǒng)一的背景,譬如: 比如我們要將page的背景設(shè)置成藍色,以達到所有三欄的背景顏色是藍色的目的,但是我們會發(fā)現(xiàn)隨著left center right的向下拉長,而 page居然保存高度不變,問題來了,原因在于page不是float屬性,而我們的page由于要居中,不能設(shè)置成float,所以我們應(yīng)該這樣解決 再嵌入一個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:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */ .clearfix {display:block;} /* End hide from IE Mac */ /* end of clearfix */ 或者這樣設(shè)置：.hackbox{ display:table; //將對象作為塊元素級的表格顯示}

11.高度不適應(yīng) 高度不適應(yīng)是當內(nèi)層對象的高度發(fā)生變化時外層高度不能自動進行調(diào)節(jié)，特別是當內(nèi)層對象使用margin 或paddign 時。 例： #box {background-color:#eee; } #box p {margin-top: 20px;margin-bottom: 20px; text-align:center; } 解決方法：在P對象上下各加2個空的div對象CSS代碼：.1{height:0px;overflow:hidden;}或者為DIV加上 border屬性。

12 .IE6下為什么圖片下有空隙產(chǎn)生解決這個BUG的方法也有很多,可以是改變html的排版,或者設(shè)置img 為display:block 或者設(shè)置vertical-align 屬性為 vertical-align:top | bottom |middle |text-bottom 都可以解決.

13.如何對齊文本與文本輸入框 加上 vertical-align:middle;

14.web標準中定義id與class有什么區(qū)別嗎 一.web標準中是不容許重復(fù)ID的,比如 div id="aa" 不容許重復(fù)2次,而class 定義的是類,理論上可以無限重復(fù), 這樣需要多次引用的定義便可以使用他. 二.屬性的優(yōu)先級問題 ID 的優(yōu)先級要高于class,看上面的例子三.方便JS等客戶端腳本,如果在頁面中要對某個對象進行腳本操作,那么可以給他定義一個ID,否則只能利用遍歷 頁面元素加上指定特定屬性來找到它,這是相對浪費時間資源,遠遠不如一個ID來得簡單.

15. LI中內(nèi)容超過長度后以省略號顯示的方法 此方法適用與IE與OP瀏覽器

16.為什么web標準中IE無法設(shè)置滾動條顏色了 解決辦法是將body換成html

17.涓轟