marginheight和marginwidth的区别？网页框架边距设置技巧。

今天得空，就想起来之前捣鼓网页时遇到的一个小细节，就是那个 `marginheight` 属性。现在不怎么常见，但以前用 `iframe` 或者 `frame` 的时候，还挺有用的。正好记录一下当时我是怎么用的。

我的实践过程

当时的情况是这样的，我做一个页面，里面需要嵌入另一个简单的 HTML 页面。最直接的方法嘛就是用 `iframe` 标签。

于是我就动手写代码，大概类似在 HTML 里放一个 `iframe` 标签，指定 `src`、`width` 和 `height`。

写完一看效果，发现那个嵌入进来的页面内容，它直接就顶着 `iframe` 的上边框和下边框，一点空隙都没有，看起来就特别挤，感觉不太舒服。我就想着得给它上下留点白。

这时候我就想起 `marginheight` 这个属性。印象里它就是专门用来调整 `iframe` 或者 `frame` 内容的上下边距的。

具体操作是这样的：

• 找到那个 `iframe` 标签。



• 在标签里面直接加上 `marginheight` 属性，给它赋一个数值。这个数值就是你想要留空的像素大小。
• 比如我想上下各留 10 像素的空白，我就在 `iframe` 标签里加上 marginheight="10" 这一段。

改完之后，我保存文件，然后刷新一下浏览器。

结果立竿见影！ 那个 `iframe` 里面的内容，它的顶部和底部就都多出来一块空白区域，距离 `iframe` 的边框有 10 个像素。整个感觉立马就协调不少，不再是那种紧贴着边框的压迫感。

顺便提一句，跟 `marginheight` 对应的还有一个 `marginwidth`，那个是用来调左右边距的，用法也差不多。虽然现在用 CSS 的 `padding` 来处理这种边距问题更灵活也更常用，但解一下 `marginheight` 这个老东西怎么用，也算是个小小的实践记录。当时就是这么简单直接地把它搞定。