gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 04:34:58 27 4
gpt4 key购买 nike

这是我的代码。

我在 <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;
}

最佳答案

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

h2 {
margin: 0;
}

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

关于html - div 内的文本导致不必要的间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16578671/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com