隱藏橫向滾動條 CSS隱藏橫向滾動條代碼

發(fā)布時間:   瀏覽: 12252

找了網(wǎng)上多個方案均無法實現(xiàn)隱藏橫向滾動條的問題

因為只是隱藏橫向滾動條，所以不能使用scrolling="no"的辦法，因為這樣會連縱向也隱藏了
框架包含代碼
<iframe src="dayanmei.php"; width="710" height="100%" scrolling="auto" align="right" frameborder="0" id="mainframe" name="mainframe" style="overflow:auto"></iframe>
還是再說一下問題的嚴(yán)重性：
在IE7，F(xiàn)IREFOX,OPERA,SAFARI下均是正常的，在IE6下面如果沒有出現(xiàn)縱向滾動條的時侯，也不會出現(xiàn)橫向滾動條,但是當(dāng)有縱向滾動條的時侯，橫向滾動條出現(xiàn)了
經(jīng)測試，下面的代碼對隱藏橫向滾動條是無效的
<body  style="overflow-x:hidden">
<body style="overflow:hidden">
<body style=style="overflow-x:hidden;overflow-y:scroll">
經(jīng)測試，下面的代碼不符合我的要求的（不能把縱向也隱藏了）
1. 設(shè)置iframe scrolling="no" 橫向縱向滾動條都隱藏了
2. 被包含頁body應(yīng)用overflow:hidden 無效
3. 被包含頁的body標(biāo)簽加scroll="no" 同1
最終是通過設(shè)置body的寬度解決的隱藏橫向滾動條,但不隱藏縱向滾動條的
<body style=" margin:0; padding:0; width:670px;">

 

* 今天剛找到一方法，可以完全解決隱藏橫向滾動條問題，直接在頁面中添加以下CSS代碼就OK了：

html{overflow-x:hidden; overflow-y:auto;}