我有一个相当简单的 CSS，我想在其中显示一个略微偏离中心到右侧和底部的边框，我使用的是伪选择器 :after 显示它。
我遇到的问题是它显示的边框运行到外部 div 的高度，这由显示的文本量决定，而不是 img 本身(这是我想要它做的)。
如果我在里面放另一个 div 来包裹图像，它似乎没有什么不同，如果我在图像之后制作伪选择器并将图像转换为 block ，情况也是如此.
Js Fiddle向所有可能帮助我的可爱聪明人展示!
最佳答案
If I put another div inside to wrap around the image it doesn't seem to make a difference
那是因为该 div 实际上并没有按照其尺寸环绕图像，而是与整个外部容器一样高，因为它具有 display: grid
您需要将 .projectimage 包装到一个额外的 div 中，以便 that 成为占据全高的网格元素，而 .projectimage 然后元素可以从它包含的图像中获取高度。
关于图像的CSS偏心边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57888381/