0

私は実際にここにテキストのページ全体を書きましたが、理解することは不可能であり、jsfiddle を配置する方が簡単です。ここにあります：http://jsfiddle.net/pMdZK/

問題は、ホバーが機能しない場合、リンクが機能しないことです。私は clearfix のような解決策を試しました。「コンテナ」と「デフォルト」の両方のdivは私にとって不可欠であり、実際には互いに重なり合うことを意味する2つの画像です（1つは半透明で、一部が欠落しているgif画像です。つまり、後で他のもののためにその画像を変更することです。ユーザーがページにいる間。) また変更

    position:absolute

どちらもあまりしないようです。

4

1 に答える 1

0

すべてのアイテムの padding-top を margin に変更すると、問題が解決します。その理由は、パディングがエンティティ全体を拡張し、マージンが他のエンティティを押しのけるためです。

http://jsfiddle.net/pMdZK/1/

持っていた：

#containerx #pl6
    {
        padding: 521px 0 0 120px;        
        position: absolute;
        font-size: 22px;
    }

必要なもの:

#containerx #pl6
    {
        margin: 521px 0 0 120px;        
        position: absolute;
        font-size: 22px;
    }

c のすべてのアイテムに対してこれを変更します。

マージンとパディングの違い:

余白とパディングは、初心者の Web デザイナーを混乱させる可能性があります。結局、いくつかの点で、それらは同じもののように見えます: 画像やオブジェクトの周りの余白です。

パディングは、境界線と実際の画像またはセルの内容との間の境界線内のスペースです。画像では、コンテンツの周囲の黄色の領域がパディングです。パディングは内容を完全に囲むことに注意してください。上、下、右、および左にパディングがあります。

マージンは、境界線とこのオブジェクトに隣接する他の要素との間の、境界線の外側のスペースです。画像では、余白はオブジェクト全体の外側の赤い領域です。パディングと同様に、マージンは内容を完全に取り囲むことに注意してください。マージンは上、下、右、および左にあります。

違いをさらに説明するために、簡単な jsfiddle を作成しました。 http://jsfiddle.net/GRLkt/

パディング ボックスは div 全体を拡張します。（背景画像でわかるように）。

マージン ボックスは、他のコンテンツを押しのけます。

于 2013-06-12T09:01:59.080 に答える