方法一
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css浮动盒子居中</title> <style> *{ margin: 0; padding: 0; list-style: none; } body{ background: #fffccc; } .box{ background-color: red; float: left; margin-left: 50%; transform: translateX(-50%); width: 30%; } </style> </head> <body> <div class="box"> 我是浮动的盒子 我要居中 </div> </body> </html>