html – 如何使用CSS将元素转移到给定的填充

概述在下图中.我已经给容器10px填充,因为大多数时候我需要填充.只有标题(蓝色)我不需要填充.如何扩展标题超过填充？ http://i.stack.imgur.com/DeSHZ.jpg 我不想为容器内的每个元素提供单独的填充. 标题上的负边距. 请参阅jsFiddle：http://jsfiddle.net/f2cdJ/ CSS div { background: red; paddi 在下图中.我已经给容器10px填充,因为大多数时候我需要填充.只有标题(蓝色)我不需要填充.如何扩展标题超过填充？

http://i.stack.imgur.com/DeSHZ.jpg

我不想为容器内的每个元素提供单独的填充.

解决方法 标题上的负边距.

请参阅Jsfiddle：http://jsfiddle.net/f2cdJ/

CSS

div {  background: red;    padding:10px;  wIDth:200px; }p {  background: green;   }h2 {  margin: 0 -10px;     background: blue;}

HTML

<div>    <p>This is the paragraph. This is the paragraph.</p>    <h2>This is a heading</h2>        <p>This is the paragraph. This is the paragraph.</p>    <h2>This is a heading</h2>    <p>This is the paragraph. This is the paragraph.</p></div>

总结

以上是内存溢出为你收集整理的html – 如何使用CSS将元素转移到给定的填充全部内容，希望文章能够帮你解决html – 如何使用CSS将元素转移到给定的填充所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。