jquery实现div自适应浏览器高度

<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8 />
<title>jquery实现div自适应浏览器高度（宽度）</title>
<meta name="keywords" content="html5" />
<meta name="description" content="html5 test" />
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
function autoHeight() {
var h = $(window).height();
var h_old = 300;
if (h > h_old) {
$(".left").css('height', h);
} else {
return false; } }
$(function() {
autoHeight();
$(window).resize(autoHeight); })
</script>
<style type="text/css">
html, body {
margin: 0;
height: 100%;
}
.left {
width: 100px;
background: #E8EFF6;
margin-left: 100px;
}
</style>
</head>
<body>
<div class="left"> das </div>
</body>
</html>

转载于:https://www.cnblogs.com/sjzbattle/p/5443041.html

jquery实现div自适应浏览器高度相关推荐

html图片自适应浏览器高度,css如何高度自适应浏览器高度？
高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容. 在IE7+及chrome.firefox等浏览器中, ...
div自适应屏幕高度
问题描述:本地项目页面左侧菜单点击父亲节点拉伸出子节点后,演示的阴影不能覆盖所有的左侧菜单,现象如下图:此时整个演示的页面要通过滚动条才能看到整个菜单内容整个菜单都放在div中,div的父亲节点为b ...
html css高度自适应浏览器高度,Div + CSS高度自适应解决方法_html/css_WEB-ITnose
转这几天用div+css写网站,样子上中下,中间是个左中右3列,可这3列不是等高偏巧有不同颜色的背景,结果就是ie.firefox...这些浏览器无一例外的现实的效果都是长短不齐,如何让这3列可以 ...
DIV高度自适应浏览器高度方法
*{margin: 0;padding: 0; } html, body{width: 100%;height: 100%; } div{position: absolute;top: 0;left: ...
让div与浏览器高度相同
方法: 设置html,body{height:100%} 原理: 因为如果不加,那么body高度的值,就是页面所有元素所到达的高度. 可以给body加上一个背景颜色来查看效果,如果文件流不是很长,不至 ...
CSS实现自适应浏览器宽度的正方形
2019独角兽企业重金招聘Python工程师标准>>> CSS实现自适应浏览器宽度的正方形有以下三种方法: 1.方案一:CSS3 vw 单位 CSS3 中新增了一组相对于可视区域百分 ...
css 控制div高度自适应浏览器的高度
css 控制div高度自适应浏览器的高度 1 <html> 2 <head> 3 <style> 4 #myTable{height:100%;border:sol ...
强迫症晚期患者：纯CSS实现div高度自适应浏览器。
我记得在学了网页自适应的内容后,每次写网页,力求宽高自适应.最后还是有一些困惑:写一个div给样式.(给定背景色和字体色是为了便于我们观察.) width:100%;background:white: ...
让div元素自适应浏览器屏幕高度
很多时候都需要让div或者其他标签元素自适应浏览器屏幕高度,比如左侧菜单高度自适应所以可以用window.innerHeight然后绑定到元素上面如图,我用vue,jq的也差不多.反正只要获取到w ...
css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...

jquery实现div自适应浏览器高度

jquery实现div自适应浏览器高度相关推荐

最新文章

热门文章