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>

Answer 2

解决这个问题的一种方法是使div的填充更大

内部UL重叠边界半径

2 个答案: