宽度100%,周围带有白色边框为什么?

如何解决宽度100%,周围带有白色边框为什么??
该body元素具有默认的一些利润。除非您将它们删除,否则您放置在其中的任何元素(无论其宽度如何(除非absolute我认为它处于适当的位置))都将具有某些边界。它们不是边界,而是元素末端与身体侧面之间的缺口。尝试这个 :

body{
margin: 0;
}
如果那不起作用,那么请向我们展示您在JSBin,Codepen或类似产品上的代码示例(如果可能,甚至是实时版本)。

解决方法
好的,我正在尝试设计一个网站,该网站的顶部图像要覆盖浏览器的整个宽度。在此之下,我想放置不同颜色的div容器,这些容器也应跨越整个宽度。

我尝试了background-size:cover,但是我希望页面的每个部分都具有不同的背景。经过数小时的搜索,我发现的唯一一件事就是宽度:100%,但是在我的图像周围留下白色边框…请帮助,我很拼命。这是我当前的CSS:

.mainimg {

background-image: url(_DSC0656.jpg);
background-repeat: no-repeat;
background-position: center center;
-moz-background-size: cover;
background-size: cover;
width:100% !important;
height: 700px;
margin:0 auto;
display:block;
}

声明:地推任务网所有作品(图片、文字)均由用户自行上传分享,仅供网友学习交流。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

dituirenwu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值