怎么制作一个固定大小的html页面_随笔

1、如图，我们对div设置固定宽度和高度。

2、图像预览效果如下所示。

3、然后在div里面插入一张图片，如图。

4、插入图片后，在预览中看到的效果，明显图片已经将父级的背景尺寸给盖住了，图片偏大了。

5、然后这个时候，将图片的宽度设置为何父级一样的宽度，代码就是width:100%这里的100%会自动跟随父级的宽度选择。

6、这时候回到浏览器中，可以看到图片的宽度和父级div的宽度一致了，然后修改的就是高度的范围了。

7、如果也将图片的高度设置为父级的100%，那么图形就会发生形变，所以在这里需要将父级的高度去掉，这样子集的高度就自动化了。

8、很多时候，将图片在框中显示的时候，在底部会出现一个小边框，这时候将图片设置为display:block转为块状就可以了。

你可以用CSS来设定，DIV为块级元素。例如：

<!doctype html>

<html>

<head>

<title>设置DIV的固定大小</title>

#div {width:100pxheight:60pxborder:1px solid #f00}

</style>

</head>

<body>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

怎么制作一个固定大小的html页面