<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div{ float: left; width: 50%; height: 0px; padding-top:26.79%; overflow: hidden; border: 1px solid #000; box-sizing:border-box; background: url(images/0.jpg) no-repeat; background-size: contain; } </style> </head> <body> <div>1dew</div> <div>1fewfw</div> </body> </html>以上的代码的padding-top:26.79%;改为padding-bottom:26.79%;的话，那么div里面的文字就会出来，而不会隐藏。