粗茶淡饭


Rome was not built in a day. 生气是拿别人的错误来惩罚自己
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

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

Posted on 2008-10-30 13:15  茶^_^米  阅读(2637)  评论(0编辑  收藏  举报

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