如何解决宽度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;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。