border-radius不被遮挡住
<!DOCTYPE html> <html> <meta charset="utf-8"> <head> <title></title> </head> <style type="text/css"> #wrapper { position: absolute; } #middle { border-radius: 100px; overflow: hidden; } #box { width: 300px; height: 300px; background-color: #cde; } </style> <body> <div id="wrapper"> <div id="middle"> <div id="box"></div> </div> </div> </body> </html>