本文探讨了在使用iframe时，通过CSS样式表与直接在页面上设置body宽度的不同效果。作者发现，当通过CSS设置body宽度时，iframe的宽度也会受到影响，从而导致内容显示不全的问题。而直接在页面上设置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都发生了变化，以上仅为推测，希望大家遇到类似问题有所助益。
扫一扫
6170
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
