CSS - Как сделать элемент со 100% высотой внутри родительского элемента

Я сделал только 100% всей страницы, но на этот раз мне нужна 100% высота элемента (div ) внутри родителя.

Я попытался перечитать это для элементов со 100% высотой внутри родителей, но пока ничего не помогло.

http://peterned.home.xs4all.nl/examples/csslayout1.html

HTML:


CSS:

#main-content {
  background: #a8bfa5;
}

.links {
  background: #d4d7d8;
  padding: 10px;
  width: 190px;
  min-height: 100%;
}

.links ul {
  padding: 5px;
}

.links ul li {
  padding: 5px;
}

# main-content является родительским для .links

пример: хотите, чтобы серый прямоугольник доходил сверху вниз:

enter image description here

6
задан nowayyy 5 November 2011 в 01:32
поделиться