html - 相对于 parent 要 margin ？

嗨！

我正在这个网站上工作，但仍然遇到同样的问题。当我在页边距而不是像素中添加页边距时，似乎是从包装纸或页面中获取百分比。可能是一些愚蠢的错误，但是我对百分比的使用并不十分满意。无论如何，我正在谈论的课程是“徽标”。

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;）

最佳答案

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

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

关于html - 相对于 parent 要 margin ？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29988999/