css 边框从标签的原点开始，而不是从标签的边缘开始

Question

我有一个关于克服布局问题的设计和实践的一般性问题。假设我有这个 html:

<div class="info">
    <p>some stuff here for the paragraph</p>
</div>

我有这个 CSS:

.info {
    width: 10%;
    padding-left: 15%;
    border: dashed;
}

我的问题是，它的输出会生成比必要的边界更大的东西，是否有设计实践来避免此类问题？

Answer 1

还有一些其他的边框样式方法。

喜欢:

边框:1px纯黑；

试试这个。