怎的使div充满全屏
怎样使div充满全屏
在一个html页面中,只有一个div,想是div充满全屏,常规的想法是设置高度宽度为100% ,代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <body bgcolor="red"> <div id="bg" style="width:100%;height:100%;background-color:blue;"> </div> </body> </html>
但是这样的话,div四周都会有边距,并没充满全屏。
解决办法如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <style> html,body{ margin:0px; height:100%; } #bg{ width:100%; height:100%; MARGIN: 0px auto; background-color:blue; } </style> <body bgcolor="red"> <div id="bg"> </div> </body> </html>