css 頁面顯示不全怎麼辦

css頁面顯示不全的解決方法：1、取消css中物件的高度css樣式；2、減少內容；3、在設定高度和寬度的同時再設定「overflow:hidden」屬性樣式。

本教學操作環境：windows7系統、HTML5&&CSS3版本、Dell G3電腦。

div css網頁顯示不完整的原因分析及解決方案

#如果你的網頁佈局還沒有?棄ie6，就有可能會出現網頁內容顯示不完事的問題，現在我們來告訴你這個問題的原因及如何解決。

常在低版本的瀏覽器如IE6查看一個網頁顯示完整，而在IE7及以上版本瀏覽器、火狐等瀏覽器上內容顯示不完整-DIV CSS網頁內容顯示不完整診斷教程。

樣式截圖如下：

說明：最後一排的內容文字只顯示了一半。

分析造成原因：

1、css中設定了寬度/高度

#2、設定了css樣式表屬性overflow:hidden，隱藏超出指定寬度、高度的物件-css隱藏。

推薦：《css影片教學》

解決方法：

1、css中設定了高度

#取消其對象的高度(height)css樣式，即可相容於各瀏覽器，內容也會顯示完整。如果取消了高度讓網頁版面左右內容板塊邊框不對齊，你可以不取消高度，但是你需要減少內容，將顯示不完整的內容去掉。

2、設定了css樣式表屬性overflow:hidden，隱藏超出指定寬度、高度的物件。

一般設定高度同時設overflow:hidden樣式，會造成在IE6中也讓內容顯示不完整。解決方法如第一點，如果你不取消高度寬度限制條件下，你可以減少內容。

為什麼在IE6中設定了高度也能顯示完整，而在其它瀏覽器中卻顯示不完整?

答：因為IE6核心的原因，你設定了高度，但你內容超出設定高度，他將自然的撐破你設定的高度寬度，而在IE7、IE8、火狐等瀏覽器中將無法撐破設定的高度。

當然如果你想你設定的內容再多也不撐破你設定的高度寬度(包括IE6中)，你可以在設定高度和寬度同時再設定overflow:hidden屬性樣式，這樣在IE6中也不會撐破你設定高度和寬度。

以上是css 頁面顯示不全怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！