overflow-y:auto/hidden/scroll和overflow-x:visible組合

mochixuan 發(fā)布于2019-08-21 18:40 / 1594人閱讀

摘要：但是會因?yàn)閷?shí)際使用情況和邏輯上的復(fù)雜程度而變得并不好用。至于瀏覽器為什么會這樣就只搬運(yùn)了不詳細(xì)解釋參考資料解決方案原因

最近做項(xiàng)目想做一個這樣的效果：就是我想要內(nèi)部div x軸溢出div則顯示y軸溢出div則出現(xiàn)滾動條
于是用到了overflow-y 和 overflow-x 這個css屬性
原來以為css中直接設(shè)置就ok

{
overflow-y：scroll;
overflow-x: visible;
}

但是實(shí)際情況是并不好用會出現(xiàn)兩邊都是scroll的情況上網(wǎng)上查了一下解決方案，很多都說試著將overflow-x和overflow-y放在不同的DOM元素上。但是會因?yàn)閷?shí)際使用情況和邏輯上的復(fù)雜程度而變得并不好用。最終解決方案如下：
把容器的寬度去掉，讓其內(nèi)容自己撐開容器，這樣不會出現(xiàn)滾動條，和橫向溢出的最終目的是一樣的；然后設(shè)置縱向overflow-y:scroll即可。
至于瀏覽器為什么會這樣就只搬運(yùn)了不詳細(xì)解釋

參考資料：
解決方案：https://power.baidu.com/quest...
原因：http://w3help.org/zh-cn/cause...

GPU云服務(wù)器云服務(wù)器組合數(shù)組隨機(jī)組合資產(chǎn)組合組合報(bào)警組合表格

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/90706.html

相關(guān)文章

overflow-y:auto/hidden/scroll和overflow-x:visible組合

摘要：但是會因?yàn)閷?shí)際使用情況和邏輯上的復(fù)雜程度而變得并不好用。至于瀏覽器為什么會這樣就只搬運(yùn)了不詳細(xì)解釋參考資料解決方案原因最近做項(xiàng)目想做一個這樣的效果：就是我想要內(nèi)部div x軸溢出div則顯示y軸溢出div則出現(xiàn)滾動條于是用到了overflow-y 和 overflow-x 這個css屬性原來以為css中直接設(shè)置就ok { overflow-y：scroll; overflow-x: ...

lansheng228 2019-08-01 18:20 評論0 收藏0
overflow-y:auto/hidden/scroll和overflow-x:visible組合

摘要：但是會因?yàn)閷?shí)際使用情況和邏輯上的復(fù)雜程度而變得并不好用。至于瀏覽器為什么會這樣就只搬運(yùn)了不詳細(xì)解釋參考資料解決方案原因最近做項(xiàng)目想做一個這樣的效果：就是我想要內(nèi)部div x軸溢出div則顯示y軸溢出div則出現(xiàn)滾動條于是用到了overflow-y 和 overflow-x 這個css屬性原來以為css中直接設(shè)置就ok { overflow-y：scroll; overflow-x: ...

Charlie_Jade 2019-08-29 14:10 評論0 收藏0
wkhtmltopdf chartjs

摘要：背景前文提到了項(xiàng)目中引用了，幾經(jīng)嘗試一度以為它們互不兼容。終于還是找到了它們配合的點(diǎn)。如果影響頁面顯示，建議給導(dǎo)出單獨(dú)做一個頁面。表格過寬導(dǎo)致顯示被截?cái)啵怯捎谠O(shè)置了樣式，將其調(diào)整為默認(rèn)即可。所以就沒有繼續(xù)解決。背景前文提到了項(xiàng)目中引用了https://www.chartjs.org/，幾經(jīng)嘗試一度以為它們互不兼容。百度谷歌了許久，又自己嘗試了多次。終于還是找到了它們配合的點(diǎn)。 ...

opengps 2019-08-02 16:11 評論0 收藏0
wkhtmltopdf chartjs

摘要：背景前文提到了項(xiàng)目中引用了，幾經(jīng)嘗試一度以為它們互不兼容。終于還是找到了它們配合的點(diǎn)。如果影響頁面顯示，建議給導(dǎo)出單獨(dú)做一個頁面。表格過寬導(dǎo)致顯示被截?cái)?，是由于設(shè)置了樣式，將其調(diào)整為默認(rèn)即可。所以就沒有繼續(xù)解決。背景前文提到了項(xiàng)目中引用了https://www.chartjs.org/，幾經(jīng)嘗試一度以為它們互不兼容。百度谷歌了許久，又自己嘗試了多次。終于還是找到了它們配合的點(diǎn)。 ...

Simon_Zhou 2019-08-30 15:43 評論0 收藏0
wkhtmltopdf chartjs

摘要：背景前文提到了項(xiàng)目中引用了，幾經(jīng)嘗試一度以為它們互不兼容。終于還是找到了它們配合的點(diǎn)。如果影響頁面顯示，建議給導(dǎo)出單獨(dú)做一個頁面。表格過寬導(dǎo)致顯示被截?cái)啵怯捎谠O(shè)置了樣式，將其調(diào)整為默認(rèn)即可。所以就沒有繼續(xù)解決。背景前文提到了項(xiàng)目中引用了https://www.chartjs.org/，幾經(jīng)嘗試一度以為它們互不兼容。百度谷歌了許久，又自己嘗試了多次。終于還是找到了它們配合的點(diǎn)。 ...

miguel.jiang 2019-08-23 16:45 評論0 收藏0