如何去掉iframe边框和让iframe高度自适应

   我们在做网站时经常用到iframe引用页面进行内嵌网站。但是为了用户体验和网站美观我们需要去掉iframe以及让iframe自适应高度。今天笔者就跟大家分享一下方法和技巧。

第一：iframe参数列表解读

frame元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。iframe参数列表

name：内嵌帧名称

width：内嵌帧宽度(可用像素值或百分比)

height：内嵌帧高度(可用像素值或百分比)

frameborder：内嵌帧边框 是否显示边缘；填”1″表示”是”，填”0″表示”否”

marginwidth：帧内文本的左右页边距

marginheight：帧内文本的上下页边距

scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)

src：内嵌入文件的地址

style：内嵌文档的样式(如设置文档背景等)

allowtransparency：是否允许透明

第二：iframe宽度确定内容未知，高度不可预测的情况下如何去掉边框和自适应

   这个时候，我们可以给它添加一个默认的CSS的min-height值，然后同时使用javascript改变高度。常用的兼容代码有：

第三：iframe内容宽度变化的iframe高度自适应，高度不可预测的情况下如何去掉边框和自适应