时间:2021-04-16
下面介绍css如何控制div高度自适应浏览器的高度。
<html>
<head>
<style>
#myTable{height:100%;border:solid 1px red;width:100%;}
#top{margin-top:1px;height:100px;border:solid 1px green}
#down{margin-top:1px;height:89%;border:solid 1px silver}
#left{height:100%;border:solid 1px black;margin:1px;width:200px;float:left;}
#right{border:solid 1px #0aa;margin:1px;height:100%;width:240px;overflow:scroll;}
</style>
</head>
<body>
<table id='myTable'>
<tr><td>
<div id='top'></div>
<div id='down'>
<div id='left'></div>
<div id='right'>
这里是内容
这里是内容容这里是内容
这里是内容
这里是内容
这里是内容
这里是内容
这里是内容这里是内容
这里这里是内容
这里是内容
这里是内容
这里是内容
这里是内容
这里是内容
这里是内容
这里是内容这里是内容
这里这里是内容
这里是内容
这里是内容
这里是内容
这里是内容
这里是内容这里是内容
这里是内容
这里是内容
这里是内容这里是内容
这里这里是内容
这里是内容
这里是内容
这里是内容
这里是内容
这里是内容容这里是内容
这里是内容
这里是内容这里是内容
这里这里是内容
这里是内容
这里是内容
这里是内容
这里是内容
这里是内容容这里是内容
</div>
</div>
</td>
</tr></table>
</body>
</html>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
兼容主流浏览器的Iframe自适应高度,js脚本如下:复制代码代码如下://iframe高度自适应functioniframeAutoFit(iframeObj
div+css还是比较难搞的,要实现上下两个div高度自适应感觉麻烦,查了下资料只找到上下高度都是百份比的是可以的,我要实现上面的div是具体像素高度,下面是自
清除浮动的原因假设一个div内部有个浮动的div,当内部div的高度要比外层的父级div高度大时,将会导致父级div高度无法随着内部div的高度自适应,这是由于
有时父级容器盒子(div)高度不能自适应解决父级容器DIV盒子高度不能自适应一般是因为子级(儿子)使用了浮动(float)造成,也就是我们所常常说的产生了浮动。
自适应布局是网页设计中常见的布局形式,自适应的布局能够根据浏览器窗口的大小,自动改变其宽度和高度值,是一种非常灵活的布局形式,良好的自适应布局网站对不同分辨率的