在一个html页面中,只有一个div,想是div充满全屏,常规的想法是设置高度宽度为100% ,代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<body bgcolor="red">
<div id="bg" style="width:100%;height:100%;background-color:blue;">
</div>
</body>
</html>
但是这样的话,div四周都会有边距,并没充满全屏。
解决办法如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<style>
html,body{
margin:0px;
height:100%;
}
#bg{
width:100%;
height:100%;
MARGIN: 0px auto;
background-color:blue;
}
</style>
<body bgcolor="red">
<div id="bg">
</div>
</body>
</html>
分享到:
相关推荐
一個用jq插件,js實現div全屏,直接把js引用進你的項目,給div一個指定id,就能使用。
火狐、谷歌、ie下javascript全屏,可整个页面全屏,也可指定某一元素全屏
div背景全屏自适应
js全屏div铺满
div的全屏优化,txt文件里的内容是实现div全屏的优化,相当于浏览器里的全屏功能。
全屏页面CSS+DIV上中下三行布局,兼容各浏览器中间居中显示
使 div 或部分占据全屏大小的 Jquery 插件。 完整查询 什么是 FullQuery? FullQuery 是一个 Jquery 插件,它将动态地使您的部分全屏显示,以及创建用于滚动到下一页的按钮。 我创建 FullQuery 是因为当我第一次...
div+css代替iframe框架并带全屏遮罩加载特效,div+css框架、div代替iframe、框架全屏遮罩、全屏加载特效
可移动的DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV可移动DIV...
div布局-Jquery 收起左栏、全屏 布局页头、页尾还有中间部分。页头页尾固定高度,中间高度自由伸缩。中间部分又分为三列,左右两列宽度固定,中间一列宽度自由伸缩
Div模态对话框,全屏遮挡,对话框里的图片居中定位,支持IE,Firefox,傲游,360安全浏览器
div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子div+css例子...
div+css,web标准,div+css布局,div+css实例,div+css模板
实现DIV与DIV之间的连线,工程流程图那样.使用DIV+JS! 我封装了一个基于vml/svg画线条的跨浏览器的函数 用法: var g = new FlowGraphic(); var arrow = g.drawArrow(5,26,200,300,"red"); var arrow = g.drawArrow...
DIV 拖动 JS移动DIV DIV位置移动DIV 拖动 JS移动DIV DIV位置移动DIV 拖动 JS移动DIV DIV位置移动DIV 拖动 JS移动DIV DIV位置移动
DIV伸缩菜单DIV伸缩菜单DIV伸缩菜单DIV伸缩菜单DIV伸缩菜单DIV伸缩菜单
DIV遮罩层 遮罩所有工作区域 简单的方法
点击div以外的部分,div消失不见
jQuery自动放大可全屏播可控左右的的焦点图
<div class="box tshop-pbsm tshop-pbsm-ssd10c" data-spm="1103Jnbu.1-2saq2.3-4V_Ih5"> <div class="shop-custom no-border"> <div class="bd"> <div class="custom-area"> <div class="box tshop-pbsm ...