0

这是我的代码。

我在上面的左 div 内有一个顶部空间， <h2>Nav</h2>在上面的右 div 顶部有另一个空间<h2>Title</h2>我不知道为什么，这些空间是不想要的。任何帮助，将不胜感激。

谢谢

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;
}
4

1 回答 1

2

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

h2 {
margin: 0;
}

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

于 2013-05-16T03:51:08.417 回答