用IFRAME实现网页的内嵌和预载 (转)--------------------------------------------------------------------------------
 
http://www.sina.com.cn 2001/09/04 14:37 中国电脑教育报 刘明锋 
 
  在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢?下面笔者介绍用iframe来实现的方法。  iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。其部分属性简介如下: 
  name:内嵌帧名称  width:内嵌帧宽度(可用像素值或百分比)  height:内嵌帧高度(可用像素值或百分比)  frameborder:内嵌帧边框  marginwidth:帧内文本的左右页边距  marginheight:帧内文本的上下页边距  scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)  src:内嵌入文件的地址  style:内嵌文档的样式(如设置文档背景等)  allowtransparency:是否允许透明  明白了以上属性后,我们可用以下代码实现,在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中:  〈iframe name="import_frame" width=100%   height=80 src="samper.htm" frameborder=auto〉  〈/iframe〉  不错吧,马上“Ctrl+C”、“Ctrl+V”试试。  有时我们为强调页面的某项内容,想让它先于页面的其他内容显示。同样用iframe即可轻松实现:  先把要强调显示的内容另存为一个文件,如first.htm,然后通过一个预载页index.htm,内容如下:  〈meta http-equiv="refresh" content="3,url=index2.htm"〉  〈body〉  页面加载中,请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉  〈/body〉  主文件index2.htm   〈body〉  〈iframe src="first.htm"加入其他属性限制〉〈/iframe〉  〈/body〉
 -------------------------------------------------
 
iframe使用起来也是很灵活的

解决方案 »

  1.   

    <div style="width:100;height:100;overflow:auto">
    ..
    </div>overflow : visible | auto | hidden | scroll 
     
    参数: 
     
    visible :  不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效 
    auto :  此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条 
    hidden :  不显示超过对象尺寸的内容
    scroll :  总是显示滚动条 
     
    说明: 
     
    检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
    设置textarea对象为hidden值将隐藏其滚动条。
    对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到右边或左边(视direction属性设置而定)的单元格。
    自IE5开始,此属性在MAC平台上可用。 
    overflow-x,overflow-y同理
      

  2.   

    <div style="width:100;height:100;overflow:scroll">
    ..
    </div>