Question

我试图弄清楚使div类继承父div高度的正确方法，以便当我执行例如padding-top：100％时，它将元素置于父div的100％。< / p>

这是我的代码：

CSS

#globalContainer{
    margin: 0px auto;
    width: 100%;
    height: 100%;
}

#header-out{
    width: 100%;
    background-color: black;
}

#header{
    width: 940px; /* Set to % when possible */
    height: 240px; /* Set to % when possible */
    margin: 0px auto;
    background-color: white;
}

#header .title{
    position: relative;
    float: left;
    padding-top: 100%;
}

HTML：

<body>
    <div id="globalContainer">
        <div id="header-out">
            <div id="header">
                <div class="title">Test</div>
            </div>
        </div>
    </div>
</body>

目前，我的测试显示在页面底部的页面底部...

谢谢！

编辑：我现在正在尝试在标题旁添加徽标，我使用了以下代码：

#header .title{
    position: relative;
    float: left;
    top: 50%;
    left: 2.5%;
    width: 250px;
    height: 100px;
    border-style: solid;
    border-width: 1px;
}

#header .logo{
    position: relative;
    float: left;
    top: 50%;
    width: 250px;
    height: 100px;
    border-style: solid;
    border-width: 1px;
}

问题是，它重叠了我的标题，如果我没有使用左边，我的标题会结束：2.5％

我试图删除浮动：左，它不会改变任何东西......

任何人都可以提供帮助吗？

如何使元素继承父元素值

0 个答案: