|
8、最小寬度
IE的另外一個(gè)Bug就是它不支持min-width屬性。min-width確實(shí)非常有用，特別是對(duì)于100%寬度的可變模板來說，因?yàn)樗嬖V瀏覽器停止收縮。
對(duì)于除IE6以外的所有瀏覽器來說你只需min-width:xpx;例如：
.container {
min-width:300px;
}
要讓這些在IE6下起作用的話你要添加額外的努力！你需要?jiǎng)?chuàng)建兩個(gè)DIV，一個(gè)包含著另一個(gè)。
<div class=”container”>
<div class=”holder”>Content</div>
</div>
然后你需要設(shè)置外面層的min-width：
.container {
min-width:300px;
}
現(xiàn)在又要IE hack起作用了，你需要寫下以下代碼：
* html .container {
border-right: 300px solid #FFF;
}
* html .holder {
display: inline-block;
position: relative;
margin-right: -300px;
}
當(dāng)瀏覽器窗口調(diào)整外層寬度來適應(yīng)直到它縮小到border的寬度時(shí)，這個(gè)時(shí)候它就不能夠在縮小了。而holder層也會(huì)停止收縮。外層的邊框?qū)挾茸兂闪藘?nèi)層的最小寬度。
9、隱藏水平滾動(dòng)
要去除水平滾動(dòng)條，可以在body中插入overflow-x:hidden屬性。
body {
overflow-x: hidden;
}
這在你決意要用一個(gè)比瀏覽器款的圖片或Flash時(shí)很有用。
經(jīng)典論壇討論：
http://bbs.blueidea.com/thread-2809362-1-1.html
本文鏈接：http://www.95time.cn/tech/web/2007/5068.asp 
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 CSS hacks與爭(zhēng)議 [2] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁 
第 3 頁 CSS hacks與爭(zhēng)議 [3]
