解決border-radius溢出問題以及overflow:hidden隱藏失效問題

今天在開發項目時遇到了border-radius的溢出問題，當我給外層ul設置一個border-radius時，內層li的內容就出現了溢出問題，會超過外層的border-radius。 解決方案1：在父元素ul的樣式中添加overflow:hidden，這樣超過ul的元素就會被隱藏。 效果： 解決方案2：給子元素li添加與外層ul相同弧度的border-radius。 效果： 就變成了這個鬼樣子，

>>阅读原文<<