Как остановить растяжение родительского div в IE7

Question

<style type="text/css">

    .parent 
    {
        width            : 200px;
        height           : 50px;
        background-color : #FFFFCC;
        overflow         : visible;
    }

    .child 
    {
         width            : 255px;
         height           : 30px;
         background-color : #CCCCFF;
    }

</style>

<div class="parent">
    <div class="child">Child Content</div>
</div>

В Firefox он работает нормально, но в IE7 родительский div растягивается с дочерним div.Есть ли способ остановить IE7 от растягивания родительского div?Для некоторых конструктивных ограничений элементы div нельзя позиционировать.

Answer 1

Простое добавление <!DOCTYPE> в начале HTML решило проблему.

Internet Explorer, по-видимому, по умолчанию работает в режиме 'quirks', если DOCTYPE не объявлен!

Для получения дополнительной информации, Режим CSS-причуд

Answer 2

Возможно, вы захотите изменить overflow:visible; на overflow:hidden; в родительском контейнере.Не совсем уверен, что это то, что вы хотите.

Answer 3

старайтесь придать ребенку следующий стиль:

.child 
    {
         width            : 255px;
         position         : relative;
         height           : 30px;
         background-color : #CCCCFF;
    }