CSS div边框带有偏移量

5

我该如何使一个 div 的边框(左/右)从它的实际大小下方开始?我知道可以减小它的高度,然后添加 margin-top,但我不想这样做。有没有可能简单地将边框的起始点向下移动?

__________

|
|
|

链接已失效。 - Mark Robinson
1
一点ASCII艺术同样有效 :) 感谢您通知我,马克! - Adrian Marinica
1个回答

5
您只能通过省略顶部边框并将下面的元素添加顶部边距或将顶部元素添加底部边距来实现此操作。

顶部边框不是我试图“降低”的 div 的一部分。它来自一个顶部的 div。这会改变情况吗? - Adrian Marinica
@AdrianMar:这个想法是利用margin将底部带有侧边框的div和顶部带有水平边框的div分开。Margin位于边框之外,因此您必须使用margin来分隔这些div。 - BoltClock
@BoltClock:是的,但这会影响文本相对于 div 的位置,也会使其下降,而我正试图避免这种情况。 - Adrian Marinica
@AdrianMar:你的底部div有填充吗,还是文本紧贴其顶部边缘? - BoltClock
@BoltClock:文本跟随div,向下添加5px。但是如果我给div添加负填充,我认为它会解决问题。我会试一试。感谢你的启发 :)。 - Adrian Marinica
@AdrianMar:没问题,去掉填充通常是有效的 :) - BoltClock

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接