css中如何让一个div满屏显示

html-css0114

css中如何让一个div满屏显示,第1张

<div style="position:absoluteleft:0top:0width:100%height:100%background-color:#bbc">这个div会满屏显示</div>

<html>

<head>

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />

<meta http-equiv="content-type" content="text/htmlcharset=utf-8" />

<title>div铺满屏</title>

</head>

<body>

<div style="border:solid 1px redwidth:100%height:100%">

</div>

</body>

</html>

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：body {background: url(image.jpg) no-repeatbackground-size: 100%}。

3、浏览器运行index.html页面，此时成功设定背景图片等比例放缩到网页宽度。