html - 如何摆脱 html/css 中两个 div 之间的细线?

标签 html css

enter image description here

我有两个尽可能接近的元素。如果您好奇的话,第一个是用户可以单击的滚动到顶部的脚本,下面是一个平面背景。那个发际线真的很烦我。

感谢任何帮助!

/*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/

相关文章:

javascript - 使用 Javascript 更改 Font Awesome 图标 - 展开/折叠 Accordion

javascript - 让一个固定的div通过点击增长到宽度100%

php - codeigniter 框架 php 中的外部样式表错误?

javascript - W/网络核心(2733): Can't get the viewWidth after the first layout

jQuery - 将多个单词更改为多个图像

javascript - 如何检测html中的非官方标签?

jQuery:悬停时将内容放入 DIV

html - html/css 中是否有裁剪图像的功能?

javascript - 根据 div 高度显示/隐藏段落

html - margin 问题。不能在两个元素之间留出边距。对绝对/相对定位的误解