0
A
回答
0
一個辦法解決這個問題是使填充該div更大
4
試穿把溢出:隱藏在包裝div以防止內部UL重疊的邊界半徑。
然後,設置溢出:在內部UL滾動以使其可滾動(如果沒有足夠的垂直空間)。
我做了一個簡單的例子:
<style>
#wrapper {
background: #DDD;
border-radius: 20px;
overflow: hidden;
}
ul {
background: #AAA;
margin: 0;
max-height: 100px;
overflow: auto;
padding: 0;
}
</style>
<div id="wrapper">
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
<li>Item 8</li>
</ul>
</div>
相關問題
- 1. CSS3邊框半徑背景重疊
- 2. CSS邊框半徑和邊框摺疊
- 3. CSS如何使內部的div邊框半徑與外層div邊框半徑
- 4. CSS邊框半徑 - 孩子重疊父元素
- 5. Safari中的邊框半徑切割/圖像重疊
- 6. CSS3邊框半徑
- 7. CSS - 邊框半徑
- 8. IE9邊框半徑
- 9. XSL-FO適用半徑頂部邊框
- 10. 應用於td的邊框半徑沒有內半徑
- 11. CALayer內邊框圓角半徑
- 12. 邊框半徑div內的CSS動畫
- 13. 疊加層:半透明邊框,不透明內部區域 - howto
- 14. Webkit邊框半徑切除邊框
- 15. CSS3邊框和邊框半徑
- 16. 邊框圖像,邊框半徑
- 17. 邊框頂部和邊框半徑CSS3問題
- 18. 設置邊框半徑時在元素內部繪製CSS邊框
- 19. 邊框半徑不影響內部元素
- 20. Webkit瀏覽器邊框半徑不會「剪切」內部元素
- 21. 由內部div隱藏的邊框半徑
- 22. CSS3邊框半徑和IE9
- 23. Highchart矩形邊框半徑
- 24. 邊框半徑出血
- 25. Webkit邊框半徑問題
- 26. css中的邊框半徑
- 27. JavaScript:設置邊框半徑
- 28. ToolbarAndroid徽標邊框半徑
- 29. 邊框半徑比例
- 30. 邊界半徑 - 當部署
可以提供有關問題的因素的更多信息?一些CSS或標記可能? – rlemon
@Aljullu對不起,我試圖在jQuery移動應用程序中使用iScroll,這意味着我的包裝器具有'position:absolute;'這打破了Aljullu的代碼。我輸出的代碼是:'
我的CSS是:'#results .products { height:300px; \t寬度:100%; \t邊框:3px純紅色; \t border-radius:20px; \t背景:白色; \t位置:相對; \t溢出:隱藏; } #results .products div#scroller { \t background:black; \t身高:100%; \t寬度:100%; \t position:absolute; } #results .products ul { \t list-style-type:none; \t padding:0; } #results .products ul li {background:rgb(255,255,255);/*舊版瀏覽器*/ height:75px; border-bottom:1px solid#999; 寬度:100%; }' –