css 控制div高度自适应浏览器的高度

 1 <html>
 2 <head>
 3 <style>
 4 #myTable{height:100%;border:solid 1px red;width:100%;}
 5 #top{margin-top:1px;height:100px;border:solid 1px green}
 6 #down{margin-top:1px;height:89%;border:solid 1px silver}
 7 #left{height:100%;border:solid 1px black;margin:1px;width:200px;float:left;}
 8 #right{border:solid 1px #0aa;margin:1px;height:100%;width:240px;overflow:scroll;
 9 }
10 </style>
11 </head>
12 <body>
13 <table id='myTable'>
14 <tr><td>
15 <div id='top'></div>
16 <div id='down'>
17 <div id='left'></div>
18 <div id='right'>
19 这里是内容
20 这里是内容容这里是内容
21 这里是内容
22 这里是内容
23 这里是内容
24 这里是内容
25 这里是内容这里是内容
26 这里这里是内容
27
28 这里是内容
29 这里是内容
30 这里是内容
31
32 这里是内容
33 这里是内容
34 这里是内容
35 这里是内容这里是内容
36 这里这里是内容
37
38 这里是内容
39 这里是内容
40 这里是内容
41
42 这里是内容
43 这里是内容这里是内容
44
45 这里是内容
46
47 这里是内容
48 这里是内容这里是内容
49 这里这里是内容
50
51 这里是内容
52 这里是内容
53 这里是内容
54 这里是内容
55 这里是内容容这里是内容
56 这里是内容
57 这里是内容这里是内容
58 这里这里是内容
59
60 这里是内容
61 这里是内容
62 这里是内容
63 这里是内容
64 这里是内容容这里是内容
65 </div>
66 </div>
67 </td>
68 </tr></table>
69 </body>
70 </html>

转载于:https://www.cnblogs.com/GaoHuhu/archive/2012/09/26/2703474.html

css 控制div高度自适应浏览器的高度相关推荐

让div元素自适应浏览器屏幕高度
很多时候都需要让div或者其他标签元素自适应浏览器屏幕高度,比如左侧菜单高度自适应所以可以用window.innerHeight然后绑定到元素上面如图,我用vue,jq的也差不多.反正只要获取到w ...
强迫症晚期患者：纯CSS实现div高度自适应浏览器。
我记得在学了网页自适应的内容后,每次写网页,力求宽高自适应.最后还是有一些困惑:写一个div给样式.(给定背景色和字体色是为了便于我们观察.) width:100%;background:white: ...
html图片自适应浏览器高度,css如何高度自适应浏览器高度？
高度自适应就是高度能跟随浏览器窗口的大小改变而改变,典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏,下面一栏高度自适应用于显示内容. 在IE7+及chrome.firefox等浏览器中, ...
html 高度不够,HTML/CSS：Div未扩展到内容高度
我有几个未扩展的div元素以匹配其内容的高度.我已经读过,这可能是由浮动内容引起的;这个内容不是浮动的 - 虽然我开始觉得我应该把我的电脑扔在河里.这算不算?HTML/CSS:Div未扩展到内容高度 ...
css高度自适应出现盒子高度塌陷问题
在网页布局中经常会遇到想给盒子设置高度自适应但出现高度塌陷问题,造成这个问题的原因就在于父盒子没有设置高度,子盒子有浮动这里有四种解决高度塌陷的方法一.给父盒子添加高度,这个可以从根本上解决问题, ...
视频直播APP源码，通过css控制div内容展开更多/收起效果
视频直播APP源码,通过css控制div内容展开更多/收起效果一. 实现思路需要设置一个变量控制展开 / 收起效果提前写好最高高度的class样式,超出这个高度多余内容会隐藏只有在列表数据长度 ...
CSS控制div宽度最大宽度/高度和最小宽度/高度
在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度,但是在IE6中很多朋友都会遇到不兼容的头疼问题,包括我也经常遇到这样的问题,在百度查了很多都没法解决,后来在一个论坛上学习到,在这里跟 ...
分析div自动适应浏览器的高度
前端人员之间有一个普遍存在的问题,如何让一个div的高度自动延伸到浏览窗口100%的高度,在布局中,我们有时会用到高度自适应,例如,我们定义了一个 div,并且希望它的高度为窗口高度的100% ,那么 ...
html 点击div 改变高度,HTML / CSS将div设置为同级的高度
我有三分之二的div.所包含的div之一向左浮动,另一个向右浮动.我希望2个同级div始终处于相同的高度,但是对此存在问题.到目前为止,我只在Firefox中查看该页面,并认为在至少一个浏览器中运行它 ...

css 控制div高度自适应浏览器的高度

css 控制div高度自适应浏览器的高度相关推荐

最新文章

热门文章