在p-tag中填充半透明图像覆盖

Question

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

外部的div标签有溢出：隐藏，因为图像需要裁剪到最大高度。

如果你看一下我的小提琴

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

你会看到P标签内的文本被写入到远的权利，因为对标签有100％的宽度+填充。

如何在不使p标签更宽的情况下实现文本边距？将大小

感谢所有帮助

Answer 1

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