用于半透明图像叠加的p-tag中的填充

Question

我在img内有div，我需要覆盖需要填充的文本块。

外部div-tag有溢出：隐藏，因为需要将图像裁剪为最大高度。

如果你看我的小提琴

http://jsfiddle.net/Py49n/1/

你会看到p-tag里面的文字被写到了很远的地方，因为p-tag的宽度是100％+ padding。

如何在不使p-tag更宽的情况下在文本上获得余量？

感谢您的帮助

Answer 1

使用box-sizing: border-box（和适当的前缀）允许对框进行调整以包含填充。有关CSS-Tricks的更多信息。浏览器支持为pretty good。如果你需要支持IE7，你需要另一个解决方案，也许是一个polyfill。