JS问题,让1个DIV高度等于屏幕高度,高度小于800不变,怎么写?
<html><head>
<title>new</title>
<style>
body {
margin: 0;
padding: 0;
background: #000;
}
#wrapper {
width:1280px;
margin:0 auto;
height:auto;
overflow:hidden;
}
#mainContents div.navi {
width:228px;
height:auto;
background:#fff;
overflow:hidden;
}
#mainContents div.navi ul {
width:173px;
height:540px;
overflow:hidden;
padding: 260px 0 0 55px;
font-size:0;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="mainContents">
<div class="navi">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
</div>
</div>
</body>
</html>
<html>
<head>
<title> new document </title>
<meta name="generator" content="editplus">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload = function(){
document.getElementById("screen").style.height = screen.height > 800 ? screen.height : 800 + "px";
alert(document.getElementById("screen").style.height);
}
//-->
</SCRIPT>
<body style="padding:0;margin:0;">
<div id="screen" style="background:red;padding:0;margin:0;">
</div>
</body>
</html>
缺一块是因为你没有设置padding和margin的值吧？追问
无效哦
追答想要什么效果都说不清楚，你指望被人这么给你答？猜你怎么想的？真麻烦。
追问我不是把代码贴出来了吗
追答我不是也把代码给你贴出来了吗？你看出什么了 ？
我想让这个DIV从上到下满屏显示,我把这个div,body都给了,height=auto,overflow=hideen;但是这个DIV没有满屏,最下面缺一块
追答我想知道下。你是用的什么浏览器测试的，代码简化一下发出来看下。缺一块指的是IE状态栏之上和你的DIV之间还有一部分空白？
尝试给控件加边框，找一下。那个空白是怎么引起的。
我贴出来了~您看看,谢谢
- -坑人吗? 屏幕高度基本都大于800px了,不写条件进去也无所谓,关键是高度自适应,因为height:auto无法实现,我把代码贴出来了,您给看看?
追答需要这个navi 这个div等于屏幕高度吗？同时其高度不超过800PX？
var navDiv = document.getElementById("navi");
var innerHeight = document.documentElement.clientHeight;
innerHeight = innerHeight>800 ? 800 : innerHeight;
navDiv.style.height =innerHeight+"px";
这个DIV 家一个ID
用 jquery.blockUI 吧，
手写的话，你还要考虑IE6，IE6的实现和其他浏览器不一样。
JS问题,让1个DIV高度等于屏幕高度,高度小于800不变,怎么写?
window.onload = function(){ document.getElementById("screen").style.height = screen.height > 800 ? screen.height : 800 + "px";alert(document.getElementById("screen").style.height);} \/\/--> <\/SCRIPT> <body style="padding:0;margin:0;"> <div id="screen" style="background...
js如何让一个div的高度等于窗口的高度
<div id="modss">div的高度等于窗口的高度<\/div> <\/BODY> <\/HTML> 不知道是不是你要的。如果不是可以追问我……
div设置高度自适应?
这里用到position:absolute;所以HTML和BODY不需要设置100 大div套多个小div，怎样设置外div的高度自适应？在最后一个div后面加上?overflow:hidden;如下：divstyle="width:580px;height:auto;margin:0auto;divstyle="height:100px;width:230px;float:left;margin:20px"\/div divstyle="height:100px;widt...
css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
右边的div高度你可以用一点js和jquery来控制，比如你用$("#divLeft").css("height")来获取左边的高度，然后把这个值设给右边就可以实现实时变化了，因为我知道你这个forum的话是左边可能变化比较大，然后右边要随着左边的变化来适应，当然float也要设置为left；（此处要保证你的左div和右div的宽度之和...
js判断div高度。
超出固定高度显示滚动条，只要设置style属性中的overflowY="scroll";document.getElementById('scroll').style.overflowY="scroll";获取div的高度，如果获取不到，可用下面的方法，一下方法是获取div的编辑完成后的高度:\/** * obj:需要获取属性的html对象 * prop：需要获取的obj对象的属性 *\/...
DIV CSS 如何让网页中的某DIV自动适应屏幕高度自己变如下图
1、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。2、html页面代码如图所示，定义一个div，然后给一个id属性即可。3、这里是使用宽度的百分比之后，设置高度值为零，然后使用padding属性的top或者bottom的值（可以是任意百分比），背景颜色作为测试。4、然后在浏览器运行之后的...
怎样让一个div里的div自己调整位置?
js实现p自适应高度代码如下：html怎么将背景图与浏览器大小自适应？图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值。如下代码：html代码:p>img src="图片地址"alt="">\/p>此时的css可以写成:.imgboximg{width:100%;}这样，图片的大小就会根据其父级容器的大小而变化，图片的...
js如何计算并赋予DIV高度
js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。如下是代码的实现：<body> <div style="width:100px; height:100px; background:#ccc;" id="div"><\/div><\/body><script> var oDiv = document.getElementById('div'); alert(oDiv.offsetHeight); \/\/这个就...
js代码判断div内容高度,实现内容展开和收起
你不用给固定高度，你给一个max-height：300px；就可以解决了，这样少的时候自适应，超过300，你可以用自己的逻辑处理，岂不美哉？
如何用js获取div的高度,当超出630px高度就出现滚动条,小于630px高度就...
<div id="myDiv"><\/div> <script type="text\/javascript"> document.getElementById("myDiv").clientHeight>600 ? {document.getElementById("myDiv").style.overflow="scroll";} : {document.getElementById("myDiv").style.overflow="none";};<\/script> ...
