can3p: (Default)
[personal profile] can3p

Для того, чтобы растянуть фон блока визуально на высоту родительского блока обычно используется метод, основная суть которого заключается в следующем: родительскому блоку задается

.parent
{
   overflow:hidden;
}

Дочерним блокам, которые нужно визуально растянуть, задается большой padding и равнозначный отрицательный margin, в результате фон растягивается, а лишняя часть обрезается засчет родительского блока.
Можно задать например так:

.child
{
   padding-bottom: 37000px;
   margin-bottom: -37000px;
}

У этого метода есть недостатки, но тем не менее он очень полезен и удобен. Верстая очередной макет, обнаружил, что в опере это метод срабатывает, только если внутренние блоки - плавающие. Иначе колонки разгоняет по высоте несмотря на overflow: hidden;.
Соответственно, для починки нужно задать

.child
{
   float: left;
}

Оригинал: http://blog.dpetroff.ru/tech/equal-height-columns-in-opera

Profile

can3p: (Default)
can3p

April 2017

S M T W T F S
      1
2 3 45678
9101112131415
16171819202122
23 242526272829
30      

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jul. 10th, 2025 10:30 pm
Powered by Dreamwidth Studios