0

我试图找出使 div 类继承父 div 高度的正确方法，以便当我这样做时，例如 padding-top: 100% ，它将元素置于父 div 的 100% 处。

这是我的代码：

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%

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

任何人都可以帮忙吗？

4

0 回答 0