不能強制溢出-X：可見

Question

我有容器以下樣式：

overflow-y:auto; 
overflow-x:visible; 
position:relative; 

裏面我有以下樣式表：

position:relative; 

出於某種原因，我仍然可以看到這兩個滾動條（ x和y）。我無法強制x滾動條消失。 因爲有很多腳本等等，我現在無法擺弄小提琴等等，但我很快就會做... 無論如何，當我檢查容器在鉻它有overflow-x: visible和滾動條是可見的 - 這是怎麼可能的？ ？

編輯-----------------

這裏是提琴：http://jsfiddle.net/Ncd2Y/1/ 爲什麼X滾動條可見???

傢伙我想要的內容是在x軸可見...... 內容必須是可見的（外容器）和滾動條不可見......

Answer 1

overflow-x: visible將導致內容可見。 overflow-x: hidden會隱藏它。

Answer 2

overflow-x:hidden; 

將解決問題..

Answer 3

它是可見的，因爲它的CSS屬性是可見

.css({"overflow-y":"hidden","overflow-x":"hidden"}); 

將刪除所有滾動條。

你的CSS：

#container { 
background:green; 

width:100px; 
height:100px; 
display:block; 
overflow-y:auto; 
overflow-x:hidden; 

}

實現自己的最終目標，你應該從容器中排除的表和positionin上面絕對和z指數比表下：看到你更新小提琴：

http://jsfiddle.net/Ncd2Y/2/

您workarround CSS

#container { 
background:green; 
position:absolute; 
width:100px; 
height:100px; 
display:block; 
overflow-y:auto; 
overflow-x:hidden; 
word-wrap: break-word; 
z-index: -10; 

}

和worarround HTML：

<div id="container"> 

</div> 
<table id="table"> 
     <tbody> 
      <tr> 
       <td>column</td> 
       <td>column</td> 
       <td>column</td> 
       <td>column</td> 
       <td>column</td> 
       <td>column</td> 
      </tr> 
     </tbody>    
    </table> 
​