Question

我有一个文档，我想在我的页面上，但它是在一个小盒子里。我想知道如何一次显示所有内容，而不是有人不得不在一个小盒子里向下滚动。这就是我所拥有的：

<p><object src="resume.html"><embed src="resume.html"></embed></object></p>

我是否必须更改CSS或HTML中的内容？如果你能用CSS给我答案那就太好了。非常感谢。

Answer 1

在这种情况下，您可以更改HTML或CSS。

<强> HTML：

对象的高度=＆＃34;＆＃34;属性，因此您可以将高度设置为您希望对象的大小。（如果需要，它还有宽度=＆＃34;＆＃34;属性）

<embed src="resume.html" height="400px">

<强> CSS：

有点复杂。您首先要链接到外部样式表，如下所示：

<head>   
    <link rel="stylesheet" href="application.css"> 
</head>

并为项添加类以获得正确的CSS语法：

<object class="outer" src="resume.html">
<embed class="inner" src="resume.html"></embed></object>

在CSS中，您只需调用该类并将其height属性设置为您想要的任何值。您可以使用绝对高度，指定所需的像素数。但是，更好的做法是相对地指定高度，作为其父元素高度的百分比。所以你的CSS看起来像这样：

.inner {
    height: 100%;
}

在这种情况下，100％将使其与周围元素的高度相同，并使其显示为您想要的。