Положение: абсолютный и родительский рост?

У меня есть несколько контейнеров, и их дети только абсолютные / относительно позиционированные. Как установить высоту контейнеров, чтобы их дети были внутри них?

Вот's код:

HTML


    Foo
    
        
        
    
    

Clear won't do.



    bar
    
        
        
    
  

CSS

article {
    position: relative;
}

.one {
    position: absolute;
    top: 10px;
    left: 10px;
    background: red;
    width: 30px;
    height: 30px;
}

.two {
    position: absolute;
    top: 10px;
    right: 10px;
    background: blue;
    width: 30px;
    height: 30px;
}

Вот'с Мне нужно "бар" текст должен появляться между 4 квадратами, а не за ними.

http://jsfiddle.net/Ht9Qy/

Какие-нибудь легкие исправления?

Обратите внимание, что я нене знаю рост этих детей, а я не могуt установить высоту: ххх для контейнеров.

Ответы на вопрос(4)

Ваш ответ на вопрос