<!DOCTYPE html> <html lang='zh-cn'> <head> <title>菜单</title> <meta charset='utf-8'> <style type='text/css'> *{ margin: 0; padding: 0; } .page{ width: 100%; height: 100%; background: url(imooc.jpeg) center top no-repeat; } </style> </head> <body> <div class="page"></div> </body> </html>
html,body{ width: 100%; height: 100%; }
这样就可以了
page设置height: 100%; 实际高度为0,它的父元素是body,默认高度就是0px。设置一个固定高度或者里面放个能撑起高度的子元素就能显示出来了