有没有办法移除div和SVG之间的空白？
有没有办法移除div和SVG之间的空白？
提问于 2022-11-04 19:18:45
我一直在使用HTML制作一个网站，我一直在尝试删除div和SVG之间的空白。正如您在网站这里中所看到的，在较暗的SVG和较轻的div之间有一小块空白。我一直在尝试用很多不同的方法移除它。
我试着把边距和填充在身体和每个元素上更改为0，我试着改变每个元素的高度和宽度，但这改变了元素的大小，不移除空格，我尝试将溢出更改为隐藏的、自动的和可见的，将位置更改为静态的、相对的、粘性的、绝对的，但仍然没有效果，我想不出还有什么可以尝试的。SVG的代码如下：
SVG HTML：
<svg width="100%" height="50px" margin=0 padding=0>
<rect class="topbar" width="100%" height="70" margin=0 padding=0 style="fill:rgb(86,87,86); display:block" z-index="2" margin=0 padding=0/>
</svg>SVG CSS：
.topbar {
position: relative;
left: 0;
top: auto;
z-index: 10;
overflow: hidden;
} 以下是div的代码：
div HTML：
<div class="sidebar" margin=0 padding=0></div>div：
.sidebar {
overflow: hidden;
background-image: url('square.png');
width: 100px;
height: 10000000px;
position: relative;
z-index: 1;
left: 0;
bottom: 0;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2022-11-04 19:59:27
一个简单的解决方案是将身体的显示设置为"flex“，并设置flex方向:列。
body {
height: auto;
width: auto;
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74321992
复制相关文章
相似问题
腾讯云开发者
