爱学记
div自适应高度 CSS控制，子div的高度自适应父div的高度
CSS控制，子div的高度自适应父div的高度
CSS控制，子div的高度自适应父div的高度
你没有设定高度，怎么来的自适应呢?我认为预设不设定高度适应的都是内容的高度，不论这个内容来自于子div还是父Div
我以前也遇到过这个问题，我用的是js解决了这个问题。你可以试一下
document.getElementById("aa").style.height=document.getElementById("bb").offsetHeight;
css 控制div高度自适应浏览器的高度
给你参考一下吧：
<>
<head>
<style>
#container{height:100%;border:solid 1px red;width:100%;}
#{margin-:1px;height:80px;border:solid 1px green}
#down{margin-: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:100px;width:40px;}
</style>
</head>
<body>
<table id='container'>
<tr><td>
<div id=''></div>
<div id='down'>
<div id='left'></div>
<div id='right'>canHaveHTML 获取表明物件是否可以包含丰富的 HTML 标签的值。
CLASS className 设定或获取物件的类。
clientHeight 获取对
</div>
</div>
</td>
</tr></table>
</body>
</>
DIV+CSS高度自适应
你可以把左右的最外的DIV的margin-bottom值,设为-9999，然后再把padding-bottom的值设为：9999,这样，DIV就可以自由增大，而背景也不会被改动。
你把左右两边的内容放在一个大的DIV里，然后左右两个DIV都不要设定高度，这样就可以了。
div高度自适应
<style>
#,#bottom{
clear:both;
width:100%;
height:auto;
padding:10px 0;
background-color:red;
}
#main{
_width:100%;
height:auto;
overflow:hidden;
padding:0;
padding-left:200px;
color:#000000;
}
#div2,#div1{
height:auto;
margin-bottom:-32767px;
padding-bottom:32767px;
}
#div1{
float:right;
width:100%;
height:390px;
background-color:#00CC99;
}
#div2{
_display:inline;
float:left;
width:200px;
margin-left:-200px;
padding-:30px;
background-color:#999900;
</style>
<body>
<div id="">这是头部</div>
<div id="main">
<div id="div1"><p>主要内容部分，宽高自适应</div>
<div id="div2"><p>左栏宽200画素，高度390画素，高度自适应。</p></div>
</div>
<div id="bottom">这是尾部</div>
</body>
-----------随便写了个。你程式码复制去试试，看下是不是你想要的效果
DIV 高度自适应
你是想要宽度自适应还是高度自适应？看问题问的是高度，但是下面的提问又是问的宽度。
一般情况下main的宽度都是自适应的，不用怎么设定。如果要设定高度自适应的话，可以在css里面这么定义它：
#main {height:100%; overflow:hidden;}
这样就可以实现高度自适应了。
DIV+CSS高度自适应问题?
哎，我从来不喜欢div布局的，也不用div布局的。我来回答吧，只在ie中测试过。
<style>
<!--
#main {height:0px;border:1px solid #000000}
#main1 {height:100%;border:1px solid #000000}
#main2 {height:100%;border:1px solid #000000}
#main3 {height:100%;border:1px solid #000000}
-->
</style>
<div id="main" ><div id="main1" >test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
</div>
<div id="main2" >bbbbb
</div>
<div id="main3" >c
</div>
</div>
div+css高度自适应问题
<div id="main">
<div id="ml"></div>
<div id="mr"></div>
<div ></div>
div高度自适应问题
那你就写一个最小高度就行了min-height:600px;
因为最小高度IE6不相容，所以给你一个可相容所有浏览器的
min-height:600px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>600?"600px":""); 这里的600和600px是你需要的数值，注意3个数值的相同。
微信收款码
支付宝收款码