欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

并列2个div达到并排2个frame效果

更新时间: 2014-01-05 00:52:24 责任编辑: Author_N1

 

并排2个DIV达到并排2个frame效果

<frameset cols="227, *" framespacing="0" frameBorder="0" border="0">
    <frame src="" name="menuFrame" frameborder="no" scrolling="auto" />
    <frame src="" name="mainFrame" frameborder="no" scrolling="yes" />
</frameset>


<style type="text/css">
#content{

}
.com-l{
width:227px;
float:left;
}
.com-r{
    margin-left: 227px;
}
</style>
<div id="content">
<div class="com-l"></div>
<div class="com-r"></div>
</div>


现在想用2个DIV达到frameset的这种效果,但是高度没有上面的自适应。
--参考方法--
你不指定高度吗?
--参考方法--
你要怎么样的高度呢?100%屏幕高度?
height:100%;
--参考方法--
<!DOCTYPE html>  
<html lang="en">  
  <head>  
    <meta charset="gb2312" />  
    <title></title>  
    <style>
.c{width:960px;margin:0 auto;overflow:hidden;}
.a{
width:478px;
border:1px solid red;
background:#aaa;
min-height:100px;
float:left;
padding-bottom:5520px;
margin-bottom:-5500px;
}
.b{
position:absolute;
bottom:0;
}
</style>
</head>  
<body>  
<div class = "c">
    <div class="a"><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p><p>a</p>
    </div>  
<div class="a">
    </div>
</div>   
</body>  
</html>


利用负的外边距,类似这样的吗?
--参考方法--
那就利用js,读取最高的那个宽度,然后再定义这个宽度给另一个div
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:52:24
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/827/
本文WWW.DOC100.NET DOC100.NET版权所有。