源码动态 源码评测 源码技巧 网站运营 网页制作 网站开发 安全相关 软件教程 IDC资讯 业界消息
高级搜索
关键字:Discuz!  Axure  团购系统
最新更新发布资源提建议收藏本站
当前位置:A5源码 > 资讯报道 > 网页制作 > 使用css使div占满整个屏幕的实现方法

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

作者:yezheng来源:未知浏览:时间:2018-09-04 15:58我要评论
这篇文章主要介绍了使用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占满整个屏幕的实现方法”的评论
资讯分类
本类热门资讯
  • 源码推荐
  • 软件推荐
关于我们联系我们发布资源广告服务合作伙伴网站地图版权声明与我们对话