新聞中心
本文和大家重點(diǎn)討論一下DIV+CSS網(wǎng)頁(yè)的內(nèi)容顯示不完整的診斷,相信本文介紹一定會(huì)讓你有所收獲。

成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),晉寧企業(yè)網(wǎng)站建設(shè),晉寧品牌網(wǎng)站建設(shè),網(wǎng)站定制,晉寧網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷(xiāo),網(wǎng)絡(luò)優(yōu)化,晉寧網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專(zhuān)業(yè)、時(shí)尚、前沿,時(shí)刻以成就客戶成長(zhǎng)自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
DIV+CSS網(wǎng)頁(yè)的內(nèi)容顯示不完整的診斷
我們常常在IE6版本的瀏覽器查看一個(gè)網(wǎng)頁(yè)顯示完整,而在IE7及以上版本瀏覽器、火狐等瀏覽器上內(nèi)容顯示不完整-DIV+CSS網(wǎng)頁(yè)內(nèi)容顯示不完整診斷教程。
樣式截圖如下:
說(shuō)明:***一排的內(nèi)容文字只顯示了一半。
◆分析造成原因:
1、CSS中設(shè)置了高度
2、設(shè)置了CSS樣式表屬性overflow:hidden,隱藏超出指定寬度、高度的對(duì)象-CSS隱藏。
◆解決方法:
1、CSS中設(shè)置了高度
取消其對(duì)象的高度(height)CSS樣式,即可兼容各瀏覽器,內(nèi)容也會(huì)顯示完整。如果取消了高度讓網(wǎng)頁(yè)布局左右內(nèi)容板塊邊框不對(duì)齊,你可以不取消高度,但是你需要減少內(nèi)容,將顯示不完整的內(nèi)容去掉。
2、設(shè)置了CSS樣式表屬性overflow:hidden,隱藏超出指定寬度、高度的對(duì)象。
一般設(shè)置高度同時(shí)設(shè)overflow:hidden樣式,會(huì)造成在IE6中也讓內(nèi)容顯示不完整。解決辦法如***點(diǎn),如果你不取消高度寬度限制條件下,你可以減少內(nèi)容。
◆為什么在IE6中設(shè)置了高度也能顯示完整,而在其它瀏覽器中卻顯示不完整?
答:因?yàn)镮E6內(nèi)核的原因,你設(shè)置了高度,但你內(nèi)容超出設(shè)置高度,他將自然的撐破你設(shè)置的高度寬度,而在IE7、IE8、火狐等瀏覽器中將不能撐破設(shè)置的高度。
當(dāng)然如果你想你設(shè)置的內(nèi)容再多也不撐破你設(shè)置的高度寬度(包括IE6中),你可以在設(shè)置高度和寬度同時(shí)再設(shè)置overflow:hidden屬性樣式,這樣在IE6中也不會(huì)撐破你設(shè)置高度和寬度。
你可以了解更詳細(xì)隱藏內(nèi)容方法。
【編輯推薦】
- DIV+CSS網(wǎng)頁(yè)錯(cuò)位診斷和解決方法
- IE6.0對(duì)padding的解讀分析
- 揭露CSS中margins折疊現(xiàn)象內(nèi)幕
- DIV+CSS開(kāi)發(fā)Xhtml網(wǎng)頁(yè)對(duì)SEO優(yōu)化的影響
- DIV CSS網(wǎng)頁(yè)布局中對(duì)段落進(jìn)行排版的方法
當(dāng)前題目:DIV+CSS網(wǎng)頁(yè)內(nèi)容顯示不完整診斷方法
鏈接地址:http://m.fisionsoft.com.cn/article/cdssphe.html


咨詢
建站咨詢
