2011-04-24 116 views
13

這裏是screenshot的問題。CSS:y軸的滾動條導致x軸的滾動條

enter image description here

基本上,當滾動條顯示開y軸,容器的寬度不膨脹。相反,它只是爲x軸創建一個滾動條。

如何在不創建x軸滾動條的情況下擴展容器?一些樣品

overflow-x: hidden; 
overflow-y: auto; 

可以使用scrollautooverflow-y

這裏是一個頁面:

+1

你可以舉一個你的css – MikeM 2011-04-24 05:11:40

+1

的例子,每當一個垂直滾動條出現時,內容被滾動條的寬度向左推,所以如果你的內容太窄,這可能會導致水平滾動條出現 – Hristo 2011-04-24 05:13:37

+0

你能不能顯示你的完整代碼 – 2015-12-08 08:36:26

回答

17

你可以給本作的元素的嘗試http://www.brunildo.org/test/Overflowxy2.html

+1

我認爲'overflow-x:hidden;'也會隱藏數據,這可能是不可預料的。 – 2015-07-06 16:04:18

+1

根本沒有解決問題。相反,內容被截斷,無法滾動左/右看到它。 – 2015-07-17 03:01:44

-1

我找了也是一個解決方案。

overflow-x: visible; 
overflow-y: scroll; 

上述代碼不起作用,因爲可見與scroll或auto的配對將可見屬性設置爲auto。 你可以在這裏閱讀更多關於它的信息:https://www.brunildo.org/test/Overflowxy2.html

看起來像沒有CSS方法來獲得你想要的東西,據我所知。如果有人發現另一種解決方法,我會很感激知道!

+0

這不回答問題。一旦你贏得了一些聲譽,你可以評論任何帖子。 – 2017-03-21 15:29:10

+0

我的意思是添加另一個條件發佈的問題,而不是回答它。感謝您的反饋。 – sikanderBabwani 2017-03-21 17:44:22