css y軸溢出滾動條,x軸溢出顯示


這個是我工作中遇到的一個問題,困擾了我好幾天,徹底理解了什么叫思路很重要。

黃色盒子里的內容是要超出出現滾動條的,紅色的方塊是根據另外的元素去定位的,於是呢 我就加上了 overflow-y:auto;然后出現了下面這幕。

 

會發現紅色放開溢出之后出現了 滾動條,然后我又改成了這樣

讓x軸溢出之后不剪切任何內容也不出現滾動條,你們覺得是解決了嗎?我滿心歡喜的查看了效果,依然沒有解決,苦惱了幾天各種的 搜尋答案,其實這種y軸滾動條x軸溢出顯示的效果 是做不到的,如果有人能做到 教我。

於是呢 我想出了另外一個辦法:

給最外層的容器設置overflow:auto,當超出容器的時候讓其可以滾動,然后讓滾動條不可見

 

 這樣超出之后頁面也可以滾動 方塊也同時存在,我真的很感慨,寫代碼真的  思路很重要!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM