Question

这是我的代码。

我在<h2>Nav</h2>上方左侧div中有一个顶部空格，而<h2>Title</h2>上方右侧div上方有另一个顶空格我不知道为什么这些空格不被通缉。任何帮助将不胜感激。

由于

HTML

<body>
    <div id="leftSide" >
      <h2>Nav</h2>
       <a href = "http://www.****.com/" class="txtLinks">Internal Link</a>
       <a href = "http://www.****.com/" class="txtLinks">No Follow Link</a>
       <a href = "http://www.****.com/" class="txtLinks">New Window Link</a>
    </div> 
    <div id="rightSide" >
       <h2>Title</h2>
    </div>
</body>

CSS

body
{
width: 955px;
margin: 0 auto;
}

#leftSide
{
float: left;
padding-left:0px;
background-color: #D3D3D3;
width: 190px;
height: 579px;
border-right: 1px solid Black;
}

#rightSide
{
margin-left: 191px;
width: 764px;
height: 579px;
background-color: Green;
}

.txtLinks
{
padding-left: 35px;   
padding-right: 25px;
}

Answer 1

它只是所有标题元素上显示的默认顶部/底部边距 - 只需添加：

h2 {
margin: 0;
}

考虑在样式表中使用reset删除所有默认的UA样式

div内部的文本导致不必要的间距

1 个答案: