overflow:hidden对于溢出到padding的文字不会隐藏
<!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里面的文字就会出来,而不会隐藏。 文章来源: overflow:hidden对于溢出到padding的文字不会隐藏