【问题标题】:How to remove spacing between the top of a border and a div [closed]如何删除边框顶部和 div 之间的间距 [关闭]
【发布时间】:2015-11-20 22:42:28
【问题描述】:

我目前有一个显示图表的 div。在我的 HTML 页面中,我给它的 ID 为“main”。在我的 CSS 中,我试图让图表在页面中更靠前一点,但是遇到了问题。我目前有一个边界,并试图将图表带到边界。换句话说,我不希望 div 和边框顶部之间有任何填充/空间。这就是它现在的样子:

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

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

任何帮助将不胜感激。谢谢!

【问题讨论】:

  • 能否请您在小提琴中重现该问题..
  • 边距:0; ?请使用sn-p
  • divbody 内部的唯一元素吗?然后,浏览器默认情况下,body 可能会获得一个边距。试试body { margin: 0; }
  • 没错,它与margin有关......但它也取决于图表图像本身是否有任何margin或padding。您可能会变得很糟糕并使用负边距,但我不推荐它。您也可以尝试调整 div 的高度。
  • 有一个div,然后顶部有一个header。所以它不是body的唯一元素

标签: javascript html css padding


【解决方案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; 
}  

【讨论】:

  • 做到了。谢谢!
  • 是不是更有趣的是弄清楚这个位置向下的原因是什么并解决这个问题?
  • 不客气! :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-01-28
  • 1970-01-01
  • 2020-12-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多