帧的高度（以像素为单位）答案

【问题标题】：Height of a frame in pixels帧的高度（以像素为单位）
【发布时间】：2011-05-09 22:55:07
【问题描述】：

我有 70 像素高的图像。我想精确地创建一个框架，以便我可以将其背景与此图像平铺，而不会导致出现滚动条。

预期结果：

-------
|this has 70 pixels
--------
| the rest

我的 html 看起来像这样：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head><title></title></head>
<frameset rows="70,*">
    <frame noresize src="a.htm" >
    <frame noresize src="b.htm" >
</frameset>
</html>

a.htm 看起来像这样：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd"
<html><head><title></title></head>
<body style="background-image:url(70px_img.gif);background-repeat:repeat;" >
    <img src="another_70_px_img.png" style="float:left;" />
</body>
</html>

现在，第一帧的内部显然超过了 70 像素，从而出现了滚动条。它还弄乱了里面的另一个图像，因为它有一个很小的空白空间并且底部被裁剪了。是否可以以具有精确高度的方式制作内框 - 我想知道是否需要在某处设置一些边框。

我知道scrolling="no"。但这并不能阻止内部画面看起来不正常。我可以通过给内部图片height:50px 而不是height:XX% 来“解决”裁剪问题，但这似乎不对。

我也知道框架是邪恶的，并计划稍后将其重新用于<div>。过渡会顺利还是我必须重新调整？

【问题讨论】：

现在就扔掉框架并以正确的方式设置它:)
同意。我也从来没有发现它们的用途。你想布局什么？

标签： html css border frames

【解决方案1】：

您需要重置框架内 html 和 body 的边距和填充：

<style type="text/css">
    html, body { margin:0; padding: 0}
</style>

这可能会让您入门，但根据您的需要，可能还需要更多。 scrolling=no 可能也需要。

是的，框架已被弃用。很可能您不应该使用它们 - 但只有您自己知道！

【讨论】：

【解决方案2】：

如果没有内容超出边缘，请使用 overflow:hidden; 防止滚动条。

<body style="background-image:url(70px_img.gif);background-repeat:repeat;overflow:hidden;" >

【讨论】：