保证金最高的属性触及所有div

Question

我有三个嵌套的DIV元素。 当我将margin-top插入到内部div中时，其他所有对象都会收到效果。

我需要内部div相对于外部div而不是整个块具有边距顶部。

我在Codepen中创建了一个示例。我有一个div，两个div和三个div。

请注意，我在第3格上放置了页边空白，但所有div都收到效果。

有人知道原因吗？

<div class="um">

            <div class="dois">

                <div class="tres" style="margin-top: 50px;">

                        conteudo

                </div>

            </div>

</div>

example codepen

Answer 1

使用padding-top而不是margin-top。

<div class="um">
            <div class="dois">
                <div class="tres" style="padding-top: 50px;">
                        conteudo
                </div>
            </div>
</div>

Answer 2

默认值标签div为<appender name="startupRolloverAppender" class="ch.qos.logback.core.rolling.RollingFileAppender"> <triggeringPolicy class="com.your.package.StartupTriggeringPolicy"/> <!-- other configurations --> </appender> ，在um类display:block上添加CSS