如何使一个div的宽和高占整个屏幕

css

方法一:
<div style="position:absolute; left:0; top:0; width:100%;height:100%; background:#000;">
方法二:
<div style="position:absolute; left:0; top:0; right:0; bottom:0; background:#000;">

js

    <body>
		<div id="d1"></div>
	</body>
	<script type="text/javascript">
		var w=window.innerWidth  //文档显示区宽度    clientWidth窗口宽度
		var h=window.innerHeight   
		d1.style.width=w+"px"
		d1.style.height=h+"px"
		d1.style.background='pink'
		
	</script>

猜你喜欢

转载自blog.csdn.net/wang_gongzi/article/details/82878819