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 回答