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

發布時間:   瀏覽: 7657

找了網上多個方案均無法實現隱藏橫向滾動條的問題

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

 

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

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