如何使用css使div占满整个屏幕的如何实现方法

雪幕拉开,飘然而至分外美妙,初起便显现出意境;雪落十分,然间有种喜悦在心间荡漾,纷飞飘扬尽享每一刻青春的激情;飞舞的雪花,感受芬芳的韵味,迷人心脾围绕在身旁;耳畔,时常想有沙沙的声音那样的动听,百听不厌,着迷在这一刻升起动人心怀的旋律。

使用定位方法

<style>
*{
    padding: 0;
    margin: 0;
}
#myDiv {
    width: 100%;
    height: 100%;
    border: 1px solid red;
    position: absolute
}
</style>
<body>
    <div id="myDiv">
        我要全部填满
    </div>
</body>

使用百分比

html和body本身是没有高度的,他们的高度由子元素撑起来

所以设置对应的百分比即可。

<style>
*{
    padding: 0;
    margin: 0;
}
html{
    width: 100%;
    height: 100%;
}
body{
    width: 100%;
    height: 100%;
}
#myDiv {
    width: 100%;
    height: 100%;
    border: 1px solid red;
    /*position: absolute*/
}
</style>
<body>
    <div id="myDiv">
        我要全部填满
    </div>
</body>

总结

以上所述是小编给大家介绍的使用css使div占满整个屏幕的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

以上就是如何使用css使div占满整个屏幕的如何实现方法。死亡并不可怕,可怕的是,你辜负了所有人的眼泪,辜负了自己直到生命结束也未曾达到的高度,还有那未曾完成的梦想。更多关于如何使用css使div占满整个屏幕的如何实现方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
CSS如何使用Flex和Grid布局如何实现3D骰子

CSS中如何使用grid布局如何实现一套模板多种布局

CSS中的float和margin的混合如何使用示例代码

如何使用CSS如何实现三栏自适应布局(两边宽度固定,中间自适应)

详解如何如何使用CSS选择所有子元素