DIV+CSS分栏(实现Iframe效果)

<style type="text/css">
#leftBodyer {
width:200px; /*设定宽度*/
height:500px;
text-align:left; /*文字左对齐*/
float:left; /*浮动居左*/
clear:left; /*不允许左侧存在浮动*/
  /*overflow:hidden;超出宽度部分隐藏*/
overflow-x:hidden;
overflow-y:scroll;
}
#mainBodyer
{
    width: 600px;
  height:500px;
    text-align: left;
    float: right; /*浮动居右*/
    clear: right; /*不允许右侧存在浮动*/
    /*overflow: hidden;超出宽度部分隐藏*/
overflow-x:hidden;
overflow-y:scroll;
}
</style>
</HEAD>
<BODY>
  <div id="leftBodyer">
                    内容区当设定的显示范围,容纳不了显示的内容的时候,就会出现滚动条,可根据自己的需要适当的改进width,height,overflow-x,overflow-y的属性,即可达到iframe的效果airzen整理
</div>
                <div id="mainBodyer">
                    内容区当设定的显示范围,容纳不了显示的内容的时候,就会出现滚动条,可根据自己的需要适当的改进width,height,overflow-x,overflow-y的属性,即可达到iframe的效果airzen整理
                </div>

你可能感兴趣的:(div+css)