Я видел аналогичный вопрос here и не видел ответа. У меня возникла проблема, когда элемент перемещается вправо, внутри родительского div, и это приводит к тому, что div растягивает всю ширину страницы в IE7. Этого не происходит в других браузерах (Firefox и Chrome). Я также разместил фотографии после вопроса, для справки. HTML, который я использую, приведен ниже:CSS: плавающий div справа приводит к тому, что контейнер div растягивает всю ширину экрана в IE
<div id="journal" class="journalIE">
<div class="title_bar">
<div>
Testing
</div>
<div class="actions"></div>
<div class="clear"></div>
</div>
</div>
CSS, который я использую для этих тегов, также ниже. Одна вещь, которую я заметил в согласии между указанным выше вопросом другого человека и моей проблемой, заключается в том, что оба родительских div имеют позиционирование (лицо выше имеет абсолютное, я исправил).
#journal
{
z-index: 1;
}
.journalIE
{
right: 1px;
bottom: 18px;
position: fixed;
}
#journal .title_bar
{
background: #F3F3F3;
border: 1px solid #C5D6E8;
color: #363638;
font-size: 11pt;
font-weight: bold;
height: 20px;
padding: 4px;
margin-bottom: 4px;
}
#journal .title_bar .actions
{
float: right;
}
.clear
{
clear: both;
}
Обратите внимание, что класс «действия» перемещается вправо. Если я уберу этот плавающий, мой бокс выглядит как this. Но с добавлением поплавка он растягивает весь экран и выглядит как this. Является ли это известной ошибкой IE, потому что это не происходит ни в каком другом браузере, и это сводит меня с ума.
Для тех, кто задавался вопросом, у меня был контент в div 'actions', но он убрал все до корневой проблемы.
Любая помощь будет принята с благодарностью. Огромное спасибо.
Спасибо за быстрый ответ. К сожалению, с «действиями» div все еще плавал вправо, он по-прежнему растягивал всю ширину страницы и просто «тестировал» в крайнем правом углу. Изображение здесь: http://i49.tinypic.com/5ap4bk.jpg –