如何处理html&；身体？_Html_Css

如何处理html&；身体？

html css

如何处理html&；身体？,html,css,Html,Css,我有一个简单的布局，由左菜单区和右内容区组成。这两个都是iframe，因为我只需要将pdf加载到内容区域。我可以根据浏览器大小和我想要的方式调整布局大小，除了右边出现一个滚动条，底部有一个很小的区域。以下是CSS： @charset "utf-8"; html { font:100% Arial, Helvetica, Sans Serif; height:100%; padding:0px; margin:0px; } body { height:100

我有一个简单的布局，由左菜单区和右内容区组成。这两个都是iframe，因为我只需要将pdf加载到内容区域。我可以根据浏览器大小和我想要的方式调整布局大小，除了右边出现一个滚动条，底部有一个很小的区域。以下是CSS：

@charset "utf-8";
html
{
    font:100% Arial, Helvetica, Sans Serif;
    height:100%;
    padding:0px;
    margin:0px;
}
body
{
    height:100%;
    padding:0px;
    margin:0px; 
}
#wrapper
{
    margin: 0 auto;
    width:100%;
    height:100%;
}
#menu{
    height:100%;
    float:left;
    width:15em;
}
#content{
    height:100%;
    margin-left:15em;
    text-align:left;
}
iframe{
    width:100%;
    height:100%;
    border:0;
}

HTML非常简单（iframe HTML完全没有样式）：


RPWRF O&；M手册

您应该设置

显示：块iframe

上的code>iframe
本质上是内联元素，内联元素位于周围文本的基线上。基线允许下行（g的尾部等），空白是下行所占用的空间（即使没有）
设置<代码>显示：块去掉添加的空白，去掉你不想要的滚动条。天哪，我花了一整天的时间试图弄清楚空白是什么，然后发现是边距塌陷，因此高度计算不正确！这个工作非常好！！！非常感谢你。
<!DOCTYPE html>
<html>
<head>
    <title>RPWRF O&amp;M Manual</title></head>
    <link rel="stylesheet" href="styles/styles.css" type="text/css" />
<body>
<div id="wrapper">
    <div id="menu">
        <iframe frameborder="0" src="left.html" name="menuframe">
        </iframe></div>
    <div id="content">
        <iframe frameborder="0" src="right.html" name="contentframe">
        </iframe></div>
</div>
</body>
</html>