這個是我工作中遇到的一個問題,困擾了我好幾天,徹底理解了什么叫思路很重要。
黃色盒子里的內容是要超出出現滾動條的,紅色的方塊是根據另外的元素去定位的,於是呢 我就加上了 overflow-y:auto;然后出現了下面這幕。
會發現紅色放開溢出之后出現了 滾動條,然后我又改成了這樣
讓x軸溢出之后不剪切任何內容也不出現滾動條,你們覺得是解決了嗎?我滿心歡喜的查看了效果,依然沒有解決,苦惱了幾天各種的 搜尋答案,其實這種y軸滾動條x軸溢出顯示的效果 是做不到的,如果有人能做到 教我。
於是呢 我想出了另外一個辦法:
給最外層的容器設置overflow:auto,當超出容器的時候讓其可以滾動,然后讓滾動條不可見
這樣超出之后頁面也可以滾動 方塊也同時存在,我真的很感慨,寫代碼真的 思路很重要!!!