|
何以稱之為“禍?zhǔn)住?/strong>
這篇文章的題目中，將這個bug稱之為“引起頁面布局混亂的禍?zhǔn)住�。能被稱之為“禍?zhǔn)住�，自然有其“�?qiáng)悍”的地方。那它到底強(qiáng)悍在什么地方呢？其實(shí)，很簡單，就3條：
- 無論是“寬度”的內(nèi)容過長，還是“高度”的內(nèi)容過長，都會引發(fā)此bug。
- 無論是文字、圖片，還是任意有寬度和高度概念的“可見元素”，它們的“過寬”和“過高”都會引發(fā)此bug。
- 任意有寬度和高度概念的“可見元素”,它們在默認(rèn)狀態(tài)下的“overflow”樣式的值都是“Visible”（即使你沒有設(shè)置這個樣式）。
有些朋友可能會問，你怎么知道任意有寬度和高度概念的“可見元素”,它們在默認(rèn)狀態(tài)下的“overflow”樣式的值都是“Visible”的呢？
其實(shí)方法很簡單，利用IE Developer Toolbar這個工具就可以知道了。下面的文章和截圖，可能會對你有幫助：
文章： 《介紹兩個,b/s開發(fā)中我常用到的小工具》
截圖：
圖：利用“IE Developer Toolbar”得到元素樣式的默認(rèn)值
如何修復(fù)bug
其實(shí)這個bug，我們還是有辦法修復(fù)的，但都不是很完美的解決方案，想要取得較好的效果，還需要一些技巧。下面便是我工作中總結(jié)的一套解決方案。小弟才疏，眾多不對之處，還請各位高手指教。
修正這個bug首先要洗腦一下，因?yàn)殄e誤的認(rèn)識將不利于你對解決方法的理解。
- 雖然，那個虛擬的示例網(wǎng)頁在IE6中能夠“完美的”顯示，但是它并不是正確的。我們不能通過css hack的方法讓它在FireFox和IE7中顯示“靠近”IE6，而是應(yīng)該“拔下”IE6的那層虛假的“皮”，重新塑造網(wǎng)頁，從而讓它在IE6、IE7和FireFox中都能正常顯示。
- 就算讓網(wǎng)頁在IE6、IE7和FireFox中，都可以正常顯示了，但卻未必就是最終想要的效果。
- 為了達(dá)到最終想要的結(jié)果，可能需要使用不推薦使用的措施——css hack。
出處：
責(zé)任編輯：bluehearts
上一頁 引起頁面布局混亂的禍?zhǔn)?[4] 下一頁 引起頁面布局混亂的禍?zhǔn)?[6]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 5 頁 引起頁面布局混亂的禍?zhǔn)?[5]
