html - 如何让横尺不伸过来？

Question

我想出了如何通过使用 margin-left 使其不延伸到左侧，但是当我尝试通过使用 margin-right 使其延伸到右侧时它不起作用。在 CSS 中还有其他方法可以做到这一点吗？这是我得到的..

HTML

<div class="Heading">Painting</div>
<hr draggable="auto" color="#FB2529">

CSS

hr { color:#FB2529;
width:100%;
margin-top:-15px;
margin-left:29%;
height:.2px;
}

Answer 1

您可以通过调整 css 中的 width 属性使其工作。margin-left 和 margin-right 也应该是相对的到宽度..

当你调整左边的边距时，width 在页面中仍然是 100%，所以右边会溢出...

为了解决这个问题，我建议使用这个:

hr {  
   color:#FB2529;
   width:98%;
   margin-top:-15px;
   margin-left:1%;
   margin-right: 1%;
   height:.2px;
}

如您所见，width、margin-left 和 margin-right 的总和为 100%，表示宽度area..如果你想设置它而不是像素，你可以..但是，你也应该知道以像素为单位的特定宽度..