css溢出-x:可見;溢出-y:隱藏;導(dǎo)致滾動(dòng)條問題假設(shè)您有一些樣式和標(biāo)記:ul{ white-space: nowrap; overflow-x: visible; overflow-y: hidden;/* added width so it would work in the snippet */ width: 100px; }li{ display: inline-block;}<div> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> </ul></div>當(dāng)你看到這個(gè)。這個(gè)<ul>在底部有一個(gè)滾動(dòng)條,即使我指定了溢出x/y的可見值和隱藏值。(在Chrome 11和Opera(?)上觀察到)我猜想一定有某種W3C規(guī)范或什么東西在告訴我這種事情會(huì)發(fā)生,但對于我的生活來說,我想不出原因是什么。JSFiddle最新情況:-我找到了一種方法,通過添加包裝在ul. 去看看。
4 回答

慕勒3428872
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超6個(gè)贊
style="padding-bottom: 250px; margin-bottom: -250px;"
250
添加回答
舉報(bào)
0/150
提交
取消