【问题标题】:How to Remove Whitespace Around Website Banner?如何删除网站横幅周围的空白?
【发布时间】:2020-08-04 17:36:52
【问题描述】:

网站的横幅周围有一个白色边框,这真的让我很烦。它就像某种宽度为 10px 和白色的边框。这发生在网站的顶部。

我会上传一张图片,但它不会让我上传。

无论如何,这就是横幅的全部代码:

.image{
    padding:0;
    margin:0 auto;
    width:100%;
}

有什么办法可以去掉这个白色边框吗?

编辑: 我通过将图像更改为 div 并将图像作为 div 的背景并将其定位到左侧 0 和顶部 0 来解决它。

【问题讨论】:

  • 如果您不想将图像用作背景而只是一个 ,我怀疑您也可以尝试body{margin: 0;}

标签: html css whitespace removing-whitespace


【解决方案1】:

尝试添加border: 0 !important;

【讨论】:

    【解决方案2】:

    首先检查图像外部元素是否有任何类型的填充边距或边框,如果有则将其删除,否则将图像宽度设为 100vw 而不是 100%。

    【讨论】:

    • 没有任何外部样式。我尝试更改百分比,但没有奏效。