新手求助,怎样用css让网页布满整个浏览器窗口

html-css013

新手求助,怎样用css让网页布满整个浏览器窗口,第1张

body,html{

padding:0px

margin:0px

}

浏览器会默认给body留有margin,重置为0即可。

另一方面,内容的块(div)长度单位使用%定义(这只是针对你的铺满的要求,实际布局中,使用%也会出现某些问题,以后可以慢慢去学会如何调整),比如:

.content{

width:100%

}

别设成固定大小,设成百分比,比如整个页面设成90% 居中,那样不管窗口多大都会保持占这个屏幕的90% 并且居中(只把宽度设成百分比就行)

设成固定大小,你并不知道浏览者用的是多大的显示器(你做的时候只是根据自己显示器大小做,所以弄成百分比 是由好处的!)

方法和详细的操作步骤如下:

1、第一步,创建或打开Web项目,新建html文件以及CSS文件,见下图,转到下面的步骤。

2、第二步,执行完上面的操作之后,图中显示了HTML页面代码,定义div并给出id属性等级,见下图,转到下面的步骤。

3、第三步,执行完上面的操作之后,将“height”值设置为零,使用“padding”属性的“top”或“bottom”,同时运用背景色来进行测试,见下图,转到下面的步骤。

4、第四步,执行完上面的操作之后,效果如下,如果进行放大或进行缩小,则宽度和高度将进行相应的更改,见下图。这样,就解决了这个问题了。