Как отобразить div, который нужно развернуть в IE без заданной ширины

Question

<container>
    <element1>
    </element1>
    <element2>
    </element2>
</container>

---

#container {
    position:absolute;
    right:33px;
    top:15px;
}

#element1 {
    position:relative;
    float:right;
    height:31px;
    background:url(../main_bg.gif) repeat-x top left;
    border: 1px solid #6a6a6a;
    clear:both;
}

#element2 {
    position:relative;
    float:left;
    clear:both;
    background-color:#f8f0ce;
    border-left:1px solid #6a6a6a;
    border-right:1px solid #6a6a6a;
    border-bottom:1px solid #6a6a6a;
}

Answer 1

Причина, по которой ваш container отображается так же широко, как и его содержимое в другом браузере, заключается в том, что он выходит за пределы "тела" и отображается в виде "ничего" (например, настолько широк, как его содержимое).IE6 / 7, похоже, относится к этому по-другому.

У меня нет вашей проблемы в IE8, поэтому я предполагаю, что вы хотите это для IE6 или 7. Также кажется, что вы хотите 2 блока, один под другим (clear).

Судя по предоставленному вами коду и стилю, кажется, мы могли бы просто избавиться от плавающего элемента и поставить выравнивание текста: right.

Было бы этим решением работает для вас?

Однако в IE6 он не работает.

Однако этот код работает , но требует <br /> (и display:inline. Спасибо.@kei за предложение.)