2014-11-05 4 views
0

У меня есть документ, который я хочу иметь на своей странице, однако он находится в маленькой коробке. Я хочу знать, как показать все сразу, а не кому-то, кто должен прокрутить вниз в маленькой коробке. Вот что у меня есть:Показать все текстовый документ

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

Должен ли я что-то менять в CSS или в HTML? Если бы вы могли дать мне ответ, используя CSS, это было бы здорово. Благодаря тонну.

ответ

1

В этом случае вы можете изменить либо HTML, либо CSS.

HTML:

Объект имеет высоту = «» атрибут, так что вы можете просто установить высоту до любого размера вы хотите, чтобы объект будет. (Это имеет ширину = "" атрибут, а также, в случае необходимости)

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

УС:

Немного сложнее. Вы первый хотите добавить ссылку на внешнюю таблицу стилей, например, так:

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

И добавить классы элементов для правильного синтаксиса CSS:

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

В вашем CSS, вы просто вызвать класс и установите атрибут высоты для того, что вы хотите. Вы можете использовать абсолютную высоту, указав количество пикселей, которое вы хотите. Тем не менее, вероятно, лучше определить высоту относительно, как процент от высоты его родительского элемента. Так что ваш CSS будет выглядеть примерно так:

.inner { 
    height: 100%; 
} 

В этом случае 100% сделает такую ​​же высоту, как элемент окружающего его, и сделает его показать, как вы хотите.