專案中碰到左側是一個列表，是固定定位，點選不同的列表選項右側引入不同的iframe地址檔案，但是iframe設定屬性的時候高度只識別px，設定百分百之類的都無效，並且不想要iframe本身的滾動條，頁面只需要一個預設的滾動條。實現效果如下圖：

html程式碼：

    <iframe src="yuanchengkaipiao.html" id="dizhi"></iframe>

css程式碼：

    #dizhi{
width: 100%;
border: 0;
overflow: hidden;

    }

js程式碼：

function setIframeHeight(iframe) {
if (iframe) {
var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
if (iframeWin.document.body) {
iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
}
}
};


window.onload = function () {
setIframeHeight(document.getElementById('dizhi'));

};

注意要將函式呼叫放到window.onload中才會生效。