如何删除边框顶部和 div 之间的间距

Question

我目前有一个 div 正在显示图表。在我的 HTML 页面中，我给它的 ID 是 "main"。在我的 CSS 中，我试图将图表在页面中稍微靠上一点，但是遇到了问题。我目前有一个边界，正在尝试将图表带到边界。换句话说，我不想在 div 和边框顶部之间有任何 padding/space。这是现在的样子：

这是我的 CSS 代码现在的样子：

#main {                     
        position:relative;          
        width:95%;                  
        left:3%;              
        border: 3px solid green;
        padding-top: 0px;   
}  

如有任何帮助，我们将不胜感激。谢谢！

Answer 1

尝试将负数 marging 或负数 top 应用到您的图表容器... 例如：

#main {                     
        position:relative;          
        width:95%;                  
        left:3%;              
        border: 3px solid green;
        padding-top: 0px;  
top:-20px 
}  

或

#main {                     
        position:relative;          
        width:95%;                  
        left:3%;              
        border: 3px solid green;
        padding-top: 0px;  
margin-top:-20px; 
}