相对于父母的保证金？

Question

你好！

我在这个网站上工作，但我一直遇到同样的问题。当我将边距放在过程而不是像素时，它似乎从包装器或页面中获取百分比。可能是一些愚蠢的错误，但我并没有真正使用百分比。无论如何，我所说的课程是＆＃34; logo。＆＃34;

header
{
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
    height: 150px;
}

.logo
{
    margin: 10%;
    display: block;
    float: left;
    width: 25%;
    height: 90%;
}

HTML标记看起来像这样。

    <header class="orange">
        <div class="logo purple">

        </div>
    </header>

它们被具有这些属性的包装器（div）所包围：

.wrapper
{
    margin-left: auto;
    margin-right: auto;
    width: 1230px;
}

橙色和紫色只是背景颜色等级的顺便说一句。谢谢你的帮助！

更新以下是Edge btw中的图片;）

Answer 1

问题是浮动。您需要在浮动后清除它。如果使用bootstrap，只需应用clearfix类，否则将其包装在行类中。

如果没有，请在此处阅读有关clearfix中的css的更多信息：https://css-tricks.com/snippets/css/clear-fix/