页面使用iframe时，在css样式表中设置body宽度和直接在页面上设置其宽度的不同

今天做项目是发现页面使用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都发生了变化，以上仅为推测，希望大家遇到类似问题有所助益。