body {
display: flex;
flex-direction: column
}
.container {
width: 80vw;
flex: 1;
text-decoration: none;
}
.content {
flex-grow: 1;
cursor: pointer;
width: 80vw;
margin: 0 auto;
padding: 4.5% 0;
overflow: hidden;
}
.bar {
width: 80%;
height:0.5vw;
background: black;
}
<html>
<body>
<div class="container">
<div class="content"></div>
<div class="bar"></div>
</div>
<div class="container">
<div class="content"></div>
<div class="bar"></div>
</div>
<div class="container">
<div class="content"></div>
<div class="bar"></div>
</div>
</body>
</html>
嗨我用视点设置线条高度但有时它会使线条比其他线条更细,尽管它具有完全相同的高度,并且我不能真正给出固定的高度尺寸,因为已经用视点构建了其他东西 有什么方法可以解决这个问题吗? 如果更改窗口大小,您会注意到某些线条比其他线条薄1px或更薄。我猜它不能围绕0.123123123事物