3 div независимо относительный и верхний выровненный

-1

Как выровнять 3 div, которые должны быть относительно предыдущего div (но не между ними)?
Я не могу использовать поплавки или position:inline-block (если вы установили display:none на 2 divs, последний не должен двигаться).
position:absolute ни потому, что под ним есть относительный нижний колонтитул.
vertical-align:top не работает, используя пролеты - любое обходное решение?3 div независимо относительный и верхний выровненный

Я попытался использовать обертку, но она не может работать, потому что высота divs не фиксирована.
Высота обертки полностью игнорируется (нижеследующим нижним колонтитулом), если Im не использует относительные дети.

Любые идеи?

источник

2010-06-12 Knu

Visuals .... PLEASE –

@meder представить 3 строки: первая строка a div (100% ширина) - (внизу) вторая строка 3 divs выровнены в нижней части (первая строка) div - третья строка (нижний колонтитул 100% width) // Тяжелая часть моей проблемы заключается в том, что divs на 2-й строке не должны перемещаться, если другие удаляются, и тот факт, что нижний колонтитул относительный (не покрывающий divs во второй строке) – Knu

@brock уже объясняется в вопросе: когда вы устанавливаете 'display: none' в одном из div с встроенным блоком или плаваете, остальные divs будут перемещаться (кроме первого). – Knu

HTML
порядок важен и обертка не является обязательной (для размещения боковой дивы)

<div id="wrapper"> 
<div id="left"></div> 
<div id="right"></div> 
<div id="middle"></div> 
</div> 
<div id="footer"></div>

CSS

#left {float:left} 
#middle {margin:0 auto} 
#right {float:right} 
#footer {clear:both}

если кто-то приходит с чем-то проще я принимаю свой ответ в течение 24 часов

источник

2010-06-13 20:46:59 Knu

3 div независимо относительный и верхний выровненный

ответ

Смежные вопросы