頁面使用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都發生了變化,以上僅為推測,希望大家遇到類似問題有所助益。

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。