育才学习网1.CSS样式中高度自适应怎么做
CSS+DIV自适应高度布局，底部在底部2008-04-22 10:16ttps://wenwen.sogou.com/login/redirect?url=1%2FDTD%2Fxhtml1-transitional.dtd%22%3E" target="_blank">1/DTD/xhtml1-transitional.dtd">
">
无标题文档
#head { width:100%; text-align:center; background:#FF9400; height:100px; position:absolute; top:0;}
#head_height { height:100px;}
#middle { margin:20px;}
#foot { width:100%; text-align:center; background:#f00; height:60px; position:absolute; bottom:0;}
* html #foot { bottom:-1px;}
#foot_height { height:60px;}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
2.iframe 自适应高度 怎样写
用javascript控制自适应高度，希望能帮到你。
<script type="text/javascript">
function SetCwinHeight(){
var iframeid=document.getElementById("iframeid"); //iframe id
if (document.getElementById){
if (iframeid && !window.opera){
if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight){
iframeid.height = iframeid.contentDocument.body.offsetHeight;
}else if(iframeid.Document && iframeid.Document.body.scrollHeight){
iframeid.height = iframeid.Document.body.scrollHeight;
}
}
}
}
</script>
<iframe width="100%" id="iframeid" onl oad="Javascript:SetCwinHeight()" height="1" frameborder="0" src="kimi.php"></iframe>
3.css,我有个div,需要给他设置一个最低高度,当超过最低高度时,高
.className{ min-height:100px;
_height:100px;
}
注释：min-height。zhidao最小属性的意思，当内容超出时div被撑大。
下面是兼容IE6的。IE浏览器当给顶DIV高度的时候且内容超出了该高度，那么DIV被撑大，而火狐和谷歌不会（可一个给个边框就能看出超出的效果回了）。所以直接给height IE类浏览器是可以的。但是火狐不行。并且min-height这个样式IE6不认识。所以用IE6HACK即_height只有IE6认识。当超出时 也适应，没有超出时候是这个高度。这样即实现了浏览器的答兼容性有实现了效果
4.div如何自适应高度和宽度
<html>
<head>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
.dcla{
display:block;
width:500px;
height:400px;
}
</style>
</head>
<body class="bg">
<div class='dcla'>
<img src="desert.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
5.怎么让Div自适应高度
height:auto !important;
height:200px； /*假定最低高度是200px*/
min-height:200px;
这个设置，ie6,7,8 ，火狐等都能兼容。
div标签内设置height高度样式：
在div标签内使用style属性即可设置此DIV盒子高度样式。
小例：
<div style="height:50px">；我高度为50px</div>
解释：以上通过div标签的style属性样式设置height高度样式。