网页中如何利用css根据不同的分辨率的显示器设置div的高度
请问各位利用css如何设置div的高度,根据不同的分辨率而言的，宽度可以利用width:100%但是高度没有,该怎么办?
在线等待....
//根据分辩率控制层的位置，注意要放在div之后，否则会说找不着对象。
//最好的办法就是放在html最后啦...
//如果一定要放前面，那就用Function吧，在Body的onload事件中加上XXX();即可。
//DIV的ID（名称）一定要对号，字母大小写要一致这里就不多说了。
<!--
if (screen.width == 800) {
Layer1.style.top = 81;
Layer1.style.left = 538;
Layer2.style.left = 45;
Layer2.style.top = 196;
}
else if (screen.width == 1280) {
Layer1.style.top = 81;
Layer1.style.left = 765;
Layer2.style.left = 272;
Layer2.style.top = 196;
}
else
{
Layer1.style.left = 638;
Layer1.style.top=81;
Layer2.style.left = 150;
Layer2.style.top = 196;
}
//-->
</script>
试试看
@media queries是css3新增的一个特性，可以用来实现响应式布局，即根据不同的屏幕像素尺寸来应用不同的样式进行渲染。由于现在智能设备越来越多，屏幕的尺寸也五花八门，所以css3的这个特性被越来越多的使用。
language=javascript>
//根据分辩率控制层的位置，注意要放在div之后，否则会说找不着对象。
//最好的办法就是放在html最后啦...
//如果一定要放前面，那就用Function吧，在Body的onload事件中加上XXX();即可。
//DIV的ID（名称）一定要对号，字母大小写要一致这里就不多说了。
<!--
if
(screen.width
==
800)
{
Layer1.style.top
=
81;
Layer1.style.left
=
538;
Layer2.style.left
=
45;
Layer2.style.top
=
196;
}
else
if
(screen.width
==
1280)
{
Layer1.style.top
=
81;
Layer1.style.left
=
765;
Layer2.style.left
=
272;
Layer2.style.top
=
196;
}
else
{
Layer1.style.left
=
638;
Layer1.style.top=81;
Layer2.style.left
=
150;
Layer2.style.top
=
196;
}
//-->
</script>
试试看
这个只能通过JS来实现.
网页中如何利用css根据不同的分辨率的显示器设置div的高度
<script language=javascript> \/\/根据分辩率控制层的位置，注意要放在div之后，否则会说找不着对象。\/\/最好的办法就是放在html最后啦...\/\/如果一定要放前面，那就用Function吧，在Body的onload事件中加上XXX();即可。\/\/DIV的ID（名称）一定要对号，字母大小写要一致这里就不多说了。<!-- if (scr...
css控制div的高度与浏览器的高度相适应
一、首先创建或打开我们的web项目并创建一个新的html文件和css文 二、HTML页面代码如图所示。定义一个div并给出一个id属性。三、使用宽度百分比后，将高度值设置为零，使用padding属性的top或者bottom（可以使用任何百分比），并使用背景色作为测试。四、浏览器运行后，效果如下。如果放大或缩小，宽度和高度...
在CSS 中如何使用百分比设置页面 Div 高度?
用户填用户名和密码。现在为了保证不同屏幕下显示效果相同，div的高度使用百分比设置。body和login_wrapper的高度为100%，以保证本页面充满浏览器并且不会翻页。同时设置login_header和login_footer的高度为20%，content为60%。但是如此设置，浏览器只能显示content的内容，header和footer高度均为0px。无法达到...
DIV CSS 如何让网页中的某DIV自动适应屏幕高度自己变如下图
1、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。2、html页面代码如图所示，定义一个div，然后给一个id属性即可。3、这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。4、然后在浏览器运行之后的效...
css怎么自动调整div的位置和大小
div如何自动调整位置？根据内容自动调整div有三种方式，分别是:首先，添加一个清晰的浮动来让父容器知道高度。注意，容器中有一个空单元格清除了浮动。Html代码如下所示:明确:两者都有；显示:block 第二，添加一个存在于代码中，但在视图中不可见的容器。Html代码如下所示:明确:两者都有；溢出:隐藏；"...
div设置高度自适应?
第一种，用CSS的方法 第二种，用JS方法 这里暂时只演示第一种，如果第二种，另外@我 示例代码如下：CSS代码第一种写法 html,body{height:100%;margin:0;}\/**把HTML和BODY的高度设置成100%**\/ div{height:100%;background-color:#ccc;}\/**把你DIV的高度设置成100%**\/ CSS代码第二种写法 ...
如何控制div+css适应不同的浏览器
margin-left:5px;\/*IE6下属性写的是5PX，但在显示出来的是10px 3.清除块display，这个可以解决浮动造成的块，造成块后，当DIV背景填色或填图片的时候，会出现背景断开或差一小块。这种兼容出现的不太多，我做到现在，只遇到过两次，方法是在出现兼容的DIV的CSS中写一个display:block，或其它属性，...
利用html建立网页怎样利用div调整网页的尺寸?
方法一：使用CSS设置DIV的属性样式，比如居左，居右，居中。确定好位置，在调整它的width和height ，还可以调整它的top left 等属性。posation:solute。是绝对定位，可以拖动大小和位置来定位。方法二：一、 代码如下:div style=" overflow:scroll; width:400px; height:400px;”\/div 记住宽和高一定...
CSS如何怎么设置div边框颜色宽度和高度?
1、新建一个html文件，创建一个类名为wrap的div。2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。3、通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。4、这样就可以设置div边框颜色宽度和高度，如下图：...
CSS中DIV高度的设置?
.mother { height: 100%; padding: 100px 0 0; box-sizing: border-box ; } .A { height: 100px; margin: -100px 0 0; background: #BBE8F2; } .B { height: 100%; background: #D9C666; } <div class="mother"> <div class="A">头部DIV<\/div> <div class="B">下部DIV...
