jquery - 内部 UL 与边界半径重叠

Question

我有一个边框半径为 20px 的 div。内部 UL 与边界半径重叠。我希望这个 ul 可以滚动，所以我也不能只对列表应用边框半径..

任何帮助将不胜感激:)

Answer 1

尝试将 overflow: hidden 放在包装 div 中，以防止内部 UL 与边界半径重叠。

然后，在内部 UL 中设置 overflow: scroll 以使其在没有足够的垂直空间时可滚动。

我举了一个简单的例子:

<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>