如何排除元素从父母CSS

我有一个问题，让人力资源元素忽略它放在div的填充。它有一个填充：padding:0 20px 0 20px;，但那影响我的标题和文本，我喜欢。但我想使用HR标签作为100％分频器。如何排除元素从父母CSS

它看起来像这样：

*------------* 
| Header tag | 
| ---------- | 
| some text | 
| some text | 
*------------*

但我怎么能做到这样，它的工作原理是这样的：

*------------* 
| Header tag | 
+------------+ 
| some text | 
| some text | 
*------------*

使人力资源要素是实际宽度为100％，所以排除填充。

有什么建议吗？

改为使用边框？ – 2014-10-27 16:24:45

显示您的HTML和CSS并确切地说出问题所在。 – 2014-10-27 16:28:52

@chris尽量使用我的答案以获取最简单的用法。 – cuSK 2014-10-27 17:24:44

通过使用负余量，这是填充。

在这个HTML代码：

<div> 
    Text 
    <hr /> 
    Text 
</div>

使用此CSS：

div { 
    width: 200px; 
    padding: 10px; 
    border: 1px solid black; 
} 
hr { 
    margin-left: -10px; 
    margin-right: -10px; 
}

也看到这个demo。

2014-10-27 16:25:58 LinkinTED

回答