css - CSS: ボーダーの重なり

Question

メニューバーとメインコンテンツボックスの間の共有境界線が適切に表示されないという問題に遭遇しました (コンテンツボックスが小さすぎるため)。

それで、国境を修正する方法があるかどうか疑問に思っていました。たぶん、両方を1つにして、それをオーバーラップさせることで？margin -x が機能しないため、これを行う方法がわかりません。

score 20 · Accepted Answer

右側の要素に境界線を付けてから、ネガのmargin-topプロパティとmargin-leftプロパティを使用してそれらをオーバーラップさせます。更新されたjsfiddleは次のとおりです。

CSS：

#right {
    width: 85px;
    float: right;
    background-color: #e1e1e1;
    padding: 0px 10px 10px 10px;
    margin-top: -54px;
}

score 1 · Accepted Answer

後の訪問者のために、これは最終的にそれを修正した CSS です。

#right {
    width: 385px;
    float: right;
    background-color: #e1e1e1;
    padding: 0px 10px 10px 10px;
    margin-left: -10px;
}

あなたは基本的に10pxの余白を作り、それを10px後ろに移動します

2 に答える 2