margin-top в избранное  msdn  новое всё   Оценить +1123x:) +-   подписка   модер. 
От: ShaggyOwlhttp://www.htmlayoutlab.com
Дата: 09.03.08 18:15
Привет!

Есть два вложенных один в другой дива. Если второму указать margin-top: 10px; то он не смещается относительно первого. Если для него определить border, то смещается. Это баг или фича?
3.2.2.10

Код примера здесь

<html>
<head>
<style>
    .scroll-left-cell
    {
        background-image: url(grating.png);
        height: 41px; width: 67px;
        //border: 1px solid red;
    }
    .box
    {
        margin-top: 10px;
        background-image: url(box.png);
        background-repeat: no-repeat;
        height: 20px;
        width: 20px;
        margin-left: 10px;
    }
    #second
    {
        border: 1px solid red;
    }

</style>

</head>
<body>
    <div style="flow: horizontal;">
        <div .scroll-left-cell>
            <div .box #first />
        </div>

        <div .scroll-left-cell>
            <div .box #second />
        </div>
    </div>
</body>

</html>
When in doubt — use bruteforce. Ken Thompson