如何成功定義容器的max-width最大寬度？_Div+CSS教程

　　
　　我們首先需要了解一種壞情況的存在，主流瀏覽器IE對max-width是不支持的，對這一屬性的設(shè)置在IE中是無效的。同樣的對min-width的設(shè)置也是無效的。

　　這里有一種方法，可以在IE中實現(xiàn)max-width最大寬度的效果，并在FF中也測試通過，我需要說明的是，這一個方法只能是max-width單獨存在，也就是說，只能設(shè)置容器的最大寬度，也不能對此容器設(shè)置最小寬度，假如你想試試的話，結(jié)果只有一個，IE不知道怎么辦了，程序出錯！假如你有更好的辦法，歡迎你來我的主頁mb5u.com給我留言。

　　我們是通過腳本的方法來設(shè)置max-width。我們沒有寫出單獨的腳本代碼，我們將腳本通過expression直接嵌入在CSS文件中。主是要的代碼是：


　　我們看下面代碼的運行效果：（改變你的瀏覽器的寬度以查看變化）


　　我們設(shè)置了容器woaicss的寬度為：width:100%;　其實這是一句廢話，因為DIV是塊元素，默認的寬度就是父級元素的寬度。此例中div寬度，若不進行聲明則等同于body的寬度。

　　我們設(shè)置容器的max-width為500px。這對于FF來說是有效的。而對于IE則沒有作用。
　　面對沒有效果的IE，我們應(yīng)用expression嵌入腳本，聲明了當(dāng)寬度大于500px的時候，寬度就等于500px。

　　或許你認為這段代碼的意義不大，只能設(shè)置最大寬度卻不能設(shè)置最小寬度。試想我們追求某種效果，應(yīng)用了動態(tài)布局，在頁面中的某一個區(qū)域，目前的寬度在400左右，這是針對于1024*768的瀏覽器的。而當(dāng)1600*1200寬度的用戶訪問的時候，這一區(qū)域的寬度達到了600左右，此時，你的布局因為此變化而不能瀏覽或非常難堪，此時這一效果就派上用場了。當(dāng)然，還有其它的用法，這要靠細心的你去發(fā)現(xiàn)了，若有更好的用處，別忘了來mb5u.com發(fā)布。