WebKit的隐藏内容从边界半径

http://jsfiddle.net/Bery8/3/WebKit的隐藏内容从边界半径

溢满我有了position: relative节点和border-radius。我试图隐藏流出border-radius的内容，想知道是否有人在webkit中修复此问题。我需要relative定位另一个目的，不能删除它。

似乎在Mozilla中正常工作。

<div> 
    foo 
    <span>content</span> 
    <span>content</span> 
    <span>content</span> 
    <span>content</span> 
    <span>content</span> 
</div> 

<style> 
div { 
    border  : 1px solid #000; 
    border-radius : 20px; 
    overflow  : auto; 
    position  : relative; 
    margin  : 10px; 
    max-height : 100px; 
} 

span { 
    display : block; 
    background : teal; 
    padding : 10px; 
} 
</style>

来源

2012-04-13 Mark Kahn

喜检查这个小提琴，我认为你可以使用最后的孩子在跨度这样http://jsfiddle.net/rohitazad/Bery8/5/ – 2012-04-13 04:12:30

@azad - 你摆脱了我的滚动条。他们在那里显示发生了什么:) – 2012-04-13 04:13:55

我不知道我理解的问题，但如果添加border-radius: 20px到span元素它解决了吗？

来源

2012-04-13 03:21:38

对不起，并非100％具体 - 有更多的内容。更新小提琴/例子。实际的HTML是更大/更复杂/滚动 – 2012-04-13 03:34:48

添加border-radius到span太

来源

2012-04-13 03:25:57 candyleung

对不起，并非100％具体 - 有更多的内容。更新小提琴/例子。实际的HTML更大/更复杂/滚动 – 2012-04-13 03:34:55

WebKit的隐藏内容从边界半径

回答

相关问题