Div зависания над другим Div - высота / ширина - PullRequest
Новая
       5

Div зависания над другим Div - высота / ширина

0 голосов
/ 23 октября 2011

Я пытаюсь, чтобы один div завис над другим div, полным содержания.Это можно сделать с помощью позиции: абсолютный и z-индекс.Проблема в том, что я хочу, чтобы элемент div был равным высоте и ширине элемента div, полного содержимого.

Я пробовал 100% высоты и ширины, но с тех пор, как я написал: 

<div class=hover></div><div id=content>FULL OF CONTENT</div>

элемент hover div не распознает, что такое высота и ширина содержимого div.

Есть предложения?

1 Ответ

1 голос
/ 23 октября 2011

Поместите элемент парения внутрь другой блок: 

/* CSS */
#content {
  position: relative;
}
.hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

<div id="content">
  Content goes here.
  <div class="hover">
  </div>
</div>

Элемент парения может быть только над содержимым.Если вы установите какие-либо границы или поля на внешнем элементе div, элемент hover не будет охватывать это.

...