DIV+CSS網(wǎng)頁內(nèi)容顯示不完怎么辦

本篇內(nèi)容介紹了“DIV+CSS網(wǎng)頁內(nèi)容顯示不完怎么辦”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

DIV+CSS網(wǎng)頁的內(nèi)容顯示不完整的診斷

我們常常在IE6版本的瀏覽器查看一個網(wǎng)頁顯示完整，而在IE7及以上版本瀏覽器、火狐等瀏覽器上內(nèi)容顯示不完整-DIV+CSS網(wǎng)頁內(nèi)容顯示不完整診斷教程。

樣式截圖如下：

說明：***一排的內(nèi)容文字只顯示了一半。

◆分析造成原因：

1、CSS中設(shè)置了高度

2、設(shè)置了CSS樣式表屬性overflow:hidden，隱藏超出指定寬度、高度的對象-CSS隱藏。

◆解決方法：

1、CSS中設(shè)置了高度

取消其對象的高度（height）CSS樣式，即可兼容各瀏覽器，內(nèi)容也會顯示完整。如果取消了高度讓網(wǎng)頁布局左右內(nèi)容板塊邊框不對齊，你可以不取消高度，但是你需要減少內(nèi)容，將顯示不完整的內(nèi)容去掉。

2、設(shè)置了CSS樣式表屬性overflow:hidden，隱藏超出指定寬度、高度的對象。
一般設(shè)置高度同時設(shè)overflow:hidden樣式，會造成在IE6中也讓內(nèi)容顯示不完整。解決辦法如***點，如果你不取消高度寬度限制條件下，你可以減少內(nèi)容。

◆為什么在IE6中設(shè)置了高度也能顯示完整，而在其它瀏覽器中卻顯示不完整？

答：因為IE6內(nèi)核的原因，你設(shè)置了高度，但你內(nèi)容超出設(shè)置高度，他將自然的撐破你設(shè)置的高度寬度，而在IE7、IE8、火狐等瀏覽器中將不能撐破設(shè)置的高度。

當(dāng)然如果你想你設(shè)置的內(nèi)容再多也不撐破你設(shè)置的高度寬度（包括IE6中），你可以在設(shè)置高度和寬度同時再設(shè)置overflow:hidden屬性樣式，這樣在IE6中也不會撐破你設(shè)置高度和寬度。你可以了解更詳細(xì)隱藏內(nèi)容方法。

“DIV+CSS網(wǎng)頁內(nèi)容顯示不完怎么辦”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！