頁面使用iframe時,在css樣式表中設定body寬度和直接在頁面上設定其寬度的不同

來源:互聯網
上載者:User

今天做項目是發現頁面使用iframe時,在css樣式表中設定body寬度和直接在頁面上設定其寬度產生了不同的效果

body {
    background-color: #FFFFFF;
    font-family: "宋體";
    font-size: 12px;
    line-height: 150%;
    clear: both;
    width: 1004px;
    margin: 10px auto;
    padding: 10px auto;
}

這樣設定body寬度後發現iframe的寬度也增加了,導致iframe內容顯示不完整(設定iframe不出現捲軸);

<body style="width:1004px;">

如上直接在頁面中設定body寬度,得到了正確的效果。

小結:我想iframe也是一個網頁,瀏覽器在解析它時可能它也有一個“body”標籤,在css樣式表中設定body寬度導致頁面body和iframe body都發生了變化,以上僅為推測,希望大家遇到類似問題有所助益。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.