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

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

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

right是无法只适应填满剩余高度宽度的,必须设定right的高度,让right的高度大于left的的高度。

<style>

#main{

width:100%

height:60px

float:left

background:#0F0

}

#left{

height:50px

width:200px

background:#90F

float:left

}

#right{

width:100%

background:#FF0

height:200px

}

</style>

</head>

<body>

<div id="main"></div>

<div id="left">222222222222</div>

<div id="right">11111111111111</div>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/tougao/7853262.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-10
下一篇 2023-04-10

发表评论

登录后才能评论

评论列表(0条)

保存