首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

網頁布局顯示不完全:iframe scrolling 屬性導致內容截斷

     編輯:程式設計綜合問答

問題現象

網頁僅顯示屏幕可視區域大小的內容,超出部分顯示為空白,無法滾動查看。

排查過程

檢查 CSS 發現無 overflow: hidden 或高度限制問題,最終定位到頁面嵌套的 <iframe> 標籤設置了 scrolling="no"。

解決方法

將 iframe 的 scrolling 屬性改為 auto 或移除該屬性(默認為 auto):

<iframe src="..." scrolling="auto"></iframe>

或通過 CSS 控制:

iframe {
    overflow: auto; /* 或 scroll */
}

原因說明

scrolling="no" 禁用了 iframe 內部的滾動條,導致超出視口的內容被截斷且無法訪問。設置為 auto 可在內容超出時自動顯示滾動條。

  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved