现在的位置: 首页 > 综合 > 正文

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

2012年08月22日 ⁄ 综合 ⁄ 共 435字 ⁄ 字号 评论关闭

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

抱歉!评论已关闭.