0

たとえば、 padding-top: 100% を実行すると、要素が親 div の 100% に配置されるように、div クラスに親 div の高さを継承させる正しい方法を見つけようとしています。

これが私のコードです：

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