CSS中如何设置DIV自动满屏幕?

作者&投稿:璩终 (若有异议请与网页底部的电邮联系)
如何让div的大小占满整个屏幕~

1、首先使用HTML编辑器sublime_text,点击进入。

2、开始写代码之前,先去查一下css中什么可以控制div的大小。

3、知道怎么控制div盒子大小了,开始写代码,先写3个div盒子,然后分别控制它们的大小,分别给盒子取名字d1,d2,d3。

4、分别给div设置不同的大小,为了方便区分给它们加上不同的颜色,详细的css这样写。

5、写完css之后,用网页打开查看最终显示的效果,能按照自己喜欢的大小来设置不同的div大小。

把html和body属性设置如下,就能自动充满页面:html,body{ height:100%; width:100%; padding:0px; border:0px; margin:0px; }

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>



var winWidth=0;
var winHeight=0;
//获取窗口宽度
if (window.innerWidth){
winWidth = window.innerWidth;
}else if ((document.body) && (document.body.clientWidth)){
winWidth = document.body.clientWidth;
}
//获取窗口高度
if (window.innerHeight){
winHeight = window.innerHeight;
}else if((document.body) && (document.body.clientHeight)){
winHeight = document.body.clientHeight;
}
//通过深入Document内部对body进行检测,获取窗口高度
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth){
winWidth = document.documentElement.clientWidth;
winHeight = document.documentElement.clientHeight;
}

$("#div1).css({"height":parseInt(winHeight),"width":parseInt(winWidth)});

<div class="head" style = "width:auto;height:60px;"></div>
<div class="main" style = "width:auto;height:auto">
<div class="left" style = "width:200px;height:auto"></div>

<div class="right" style = "width:auto;height:auto"></div>
</div>
这么写行么?

你说的应该是框架,一般用于网站后台。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<frameset rows="80,*" cols="*" frameborder="no" border="0" framespacing="0">
  <frame src="file:///D|/WMAP/wamp/www/UntitledFrame-2" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
  <frameset cols="80,*" frameborder="no" border="0" framespacing="0">
    <frame src="file:///D|/WMAP/wamp/www/UntitledFrame-3" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
    <frame src="file:///D|/WMAP/wamp/www/Untitled-2" name="mainFrame" id="mainFrame" title="mainFrame" />
  </frameset>
</frameset>
<noframes><body>
</body></noframes>
</html>


width:100%;height:100%。


8086汇编语言中的DIV指令溢出问题。(回答的好会加分)
较好的方法是:编写一个“不会溢出”的除法程序。方法思路如下:在右图中,被除数:1A 2B 3C 4DH,有 32 位数。除数是:BL,仅有 8 位数。商,是:32 位数。按照图中的步骤,需要执行四次 DIV BL。只要 BL 不为零,就绝对不会发生溢出。

bp,sp,si,di,bx这些可存放地址的寄存器的确切含义和用途
因为 mov al,[bp]的意思是 把 ss:bp 的内容弄到al里去 即 bp 若寻址 默认段寄存器 是 ss 而 bx 用的更多 了 基本上 跟ax 差不多 常用,且 它也可以用来 寻址 比如 mov al,[bx],表示 的是 ds:bx 内存中的内容 传到 al 里去 即 它的 默认段寄存器 是 ds si,di,不可以分为两...

8086汇编中xchg语句关于内存单元的问题
这里的寄存器cs,ds,ss,es,ax,bx,cx,dx,sp,bp,di,si,是CPU的一部分,在CPU内部,而内存单元不是CPU的一部分,在CPU外部;因此,寄存不属于内存单元;0000:[1234H]、cs:[5678h]、ds:[eax]这些都是内存单元,注意 mov eax,1和mov [eax],1的区别,前者目的操作数是寄存器eax,后者目的操作数是内存...

下列寄存器组中在段内寻址时可以提供偏移地址的寄存器组是
BX, SP, SI, DI BP和SP寄存器称为指针寄存器,与SS联用,为访问现行堆栈段提供方便。通常BP寄存器在间接寻址中使用,操作数在堆栈段中,由SS段寄存器与BP组合形成操作数地址即BP中存放现行堆栈段中一个数据区的“基址”的偏移量,所以称BP寄存器为基址指针。寄存器SI和DI称为变址寄存器,通常与DS一...

汇编单选,大大帮帮忙啊。
2.设(SS)=0913H,堆栈的深度为40H个字节,则栈底字单元的物理地址是(0916EH)。3.设堆栈指针(SP)=0110H,执行下面三条指令后,SP的内容是(010EH)。PUSH AX PUSHF POP AX 4.设(DS)=3000H,(SS)=2000H,(BP)=1000H,指令NEG BYTE PTR[BP]中,操作数的物理地址是(21000H)。5...

DOTA imba里最常用最好玩的口令
此模式与AK\/SS模式不兼容。 -ra 此模式与AK\/SS模式不兼容,和团队BUFF不兼容,在此模式下,每个英雄拥有初始2个技能,每次升级或者更换英雄都会重新获得新的技能,获得技能的个数与技能等级与英雄的等级有关。 -os 部分英雄使用此命令后会改为采用另外一套技能(目前只有死骑和隐刺是这样),此命令在一次游戏中只能...

汇编语言中寄存器的英文全称
DH&DL=DX(data):数据寄存器 SP(Stack Pointer):堆栈指针寄存器 BP(Base Pointer):基址指针寄存器 SI(Source Index):源变址寄存器 DI(Destination Index):目的变址寄存器 IP(Instruction Pointer):指令指针寄存器 CS(Code Segment)代码段寄存器 DS(Data Segment):数据段寄存器 SS(Stack...

汇编指令LSL
R0的值是:0x39 这语句功能是,R1+8*R2.结果送到R08*R2=0x10 R2, LSL #3就是R2左移3位,相当于乘以8 所以结果是0x39

超高分请教一道汇编语言编程问题
MOV DS,AX;设置好数据段 MOV AX,STACK MOV SS,AX;设置好数据段 MOV SP,10H;设置好栈顶指针 MOV DI,0 MOV CX,COUNT;将10赋值给CX INPUT:PUSH CX;因为下面会用到CX,所以为了不覆盖CX的值,我们将CX存放在栈保存着 LEA DX,STR MOV AH,9 INT 21H;显示提示信息 LEA DX,BUF MOV AH,10 IN...

源操作数的物理地址是es ds ss 怎么判断
本体中源操作数 ES:[1000H] 已经指定其段地址为ES (AX)= 9ABCH 2. MOV AX, [BX] ;物理地址用DS X 16 + 1000H =20000H+1000H=21000H 源操作数没有明确指定段地址时,默认DS为段地址 (AX)= 1234H 3. MOV AX,[BP+DI] ;物理地址用SS X 16 + (BP)+(DI) =4...

伊春市14770068408: CSS中如何设置DIV自动满屏幕? -
丹琰乳块: var winWidth=0;var winHeight=0;//获取窗口宽度if (window.innerWidth){ winWidth = window.innerWidth;}else if ((document.body) && (document.body.clientWidth)){ winWidth = document.body.clientWidth;}//获取窗口高度if (window.innerHeight)...

伊春市14770068408: 怎么设置DIV+CSS自动充满页面? -
丹琰乳块: 1. 计算格式化内容时除了发生明确的换行外不发生换行的时首选宽度(preferred width),以及首选最小宽度(preferred minimum width),比如,尝试所有可能的换行.而CSS2.1没有定义精确的算法.2. 其次,在这种情况下,找出可用宽度(available width),这个宽度为包含块减去“margin-left”、“border-left-width”、“padding-left”、“padding-right”、“border-right-width”、“margin-right”以及所有相关滚动条的宽度.

伊春市14770068408: 【已解决】DIV+CSS布局时,怎样控制自动铺满屏幕?类似table的width=100%,height=100 -
丹琰乳块: 再说具体点,举个例子: <html<head<title测试</title <style type=text/css body{margin:0px;} td{font-size:12px;} </style </head <body <table width=100% height=100% border=0 align=center <tr <td bgcolor=#cecece <table width=300 height=300 ...

伊春市14770068408: div+css怎样在不同分辨率下都实现满屏 代码是什么
丹琰乳块: 满屏的话很难控制,最好的办法是针对不同的分辨率调用不同的CSS,直接把div的宽度定义成百分比也可以,但是可能会出现错乱,比如把主DIV的宽度定义为100%.

伊春市14770068408: 怎样使div充满全屏 -
丹琰乳块: DIV最外层全屏100%宽度其实DIV全屏即宽度值设置为100%,如果对网页最外层的DIV盒子不设置宽度,这样盒子依然是全屏相当于100%宽度.如果对DIV设置全屏,一般我们就设置其width宽度样式为100%.这里为了方便理解,DIVCSS5...

伊春市14770068408: css 如何实现两个div占满全屏 -
丹琰乳块: 一个都可以了设置宽100%,高100%;两个可以分开:两个div都设置宽100%,高50%或者宽50%,高100%不过要加个左对齐

伊春市14770068408: 怎么用CSS或者DIV设置成全屏效果? -
丹琰乳块: 如果只是用CSS或者DIV来设置成全屏效果的话,直接用width:100%就可以了

伊春市14770068408: css+div 网页充满整个浏览器窗口 -
丹琰乳块: 可以在三个DIV的外面再加一个父级的DIV,然后设置这个DIV的高度为100%.不过直接设置高度为100%对于大多数浏览器无效.一个对象的高度是否可以使用百分比显示,取决于对象的父级对象.IE中认为父级对象为body FF等标准浏览器认为为HTML html,body{ margin:0px; height:100%; }#high{ background-color:#CCCCCC; border:2px solid #f00; width:300px; height:100%; }

伊春市14770068408: 如何使网页div元素高度满屏 -
丹琰乳块: 大部分浏览器支持CSS3的高度新单位“VH”(屏幕高度),height: 100vh;就是屏幕高度的100%,也就是高度满屏.但是UCWeb等浏览器不支持该单位,实际使用要测试 height: 100vh;

伊春市14770068408: css怎么实现无论电脑多大的分辨率 网页拖拉显示都是全屏呢 -
丹琰乳块: CSS代码如下:html,body{ width:100%;min-height:100%;margin:0px; }CSS调整样式不受浏览器窗口大小影响,如果需要跟随窗口大小改变的话建议用js控制

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网