我有两个尽可能接近的元素。如果您好奇的话,第一个是用户可以单击的滚动到顶部的脚本,下面是一个平面背景。那个发际线真的很烦我。
感谢任何帮助!
/*SCROLL TO TOP*/
.scroll-top-wrapper img{
width: 134px;
display: block;
margin-left: auto;
margin-right: auto;
cursor: pointer;
}
.border_background{
background: #162a53;
height: 416px;
}
...
<!-- SCROLL TO TOP -->
<div class="scroll-top-wrapper">
<span class="scroll-top-inner">
<img src="../images/misc/scroll_to_top.svg" onmouseover="this.src='../images/misc/scroll_to_top_hover.svg';" onmouseout="this.src='../images/misc/scroll_to_top.svg';" />
</span>
</div>
<!-- LIGHT-COLORED BORDER -->
<div class="border_background">
....
最佳答案
尝试添加一个重置文件。或 margin :0;记住 html 标签有默认的样式规则,所以你必须去掉它们。
关于html - 如何摆脱 html/css 中两个 div 之间的细线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33052405/