首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2013-12-23 
并排2个DIV达到并排2个frame效果frameset cols227, * framespacing0 frameBorder0 border0

并排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

热点排行