0

私が今持っているのはこのページです。

そして、この画像に示すように、セクションのタイトル ブロック「Employer Information」を、親から抜け出して、本来よりも 40 ピクセル広くしたいと考えています。

これまで私は試しました：

.content form ol {
    position: relative;
    z-index: 50;
}

.content form ol .section {
    position: absolute;
    left: -20px;
    width: 110%;
    z-index: 100;
}

他のいくつかの親要素を position:relative にしようとしましたが、うまくいきませんでした。

何か案が？ありがとう！

4

2 に答える 2

1

あなたのmainクラスには がoverflow: hiddenあるので、その外側の部分をマスキングしています。overflow: visibleon でコードを試してください.main。

で使用position: relativeし.sectionないと、自然な流れから外れて、残りのコンテンツが後ろに飛び出します。

于 2012-05-20T10:51:45.653 に答える
1

「freejost」が言ったようoverflow:hiddenに、クラスを削除してスタイルをmain追加しますposition:relativeli

すなわち

#submit_form li{
position:relative;
}
#empInfo {
left: 0;
position: absolute;
right: -20px;
top: 0;
}

HTML 編集は次のとおりです。

<div id="empInfo" class="description section" >
<h2>Employer Information</h2>
<div>General information regarding the employer business or organization.</div>
</div>

これで修正されるはずです。動作させるために必要な編集が他にもいくつかありますが、これで快適なレベルになるはずです。

于 2012-05-20T11:14:06.590 に答える