解决border-radius溢出问题以及overflow:hidden隐藏失效问题

今天在开发项目时遇到了border-radius的溢出问题，当我给外层ul设置一个border-radius时，内层li的内容就出现了溢出问题，会超过外层的border-radius。 解决方案1：在父元素ul的样式中添加overflow:hidden，这样超过ul的元素就会被隐藏。 效果： 解决方案2：给子元素li添加与外层ul相同弧度的border-radius。 效果： 就变成了这个鬼样子，

>>阅读原文<<