7

次の HTML/CSS コードがあります。

<div id="container" style="padding:5px; width:600px;">  
    <div id="panel">
        <a style="padding:5px; color:#ffffff; background-color:#000000;">Page 1</a>

        <!-- Other anchor elements -->
    </div>

    <!-- Other panels -->
</div>

要素が;#panel内に快適に収まる理由を理解するのに苦労しています。#containerのパディング規則に従いますが、 内のアンカー要素のパディング#panelは#container. これが事実である理由を説明してくれる人はいますか?そうすることで、おそらく修正を提案できますか?

4

1 に答える 1

7

inline-blockこれはインライン要素であるため、表示をパディングに変更するとオーバーラップしなくなると思います。デモ

于 2012-09-05T02:53:53.637 に答える