覆盖CSS底部边框长度

Question

如何将元素的下边框长度设置为页面的整个宽度，而不管其容器的大小如何？

目前，底部边框与页面的整个宽度相差200px（左侧100px，右侧100px）。

#portfolio {
    margin-left: 100px;
    margin-right: 100px;
    float: left;
}

#portfolio #item {
    margin-top: 50px;
    padding-bottom: 100px;
    border-bottom-color: #cdcdcd;   
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

Answer 1

将#portfolio的边距更改为填充。

Answer 2

HTML：

<ul id="portfolio">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

CSS：

#portfolio > li {
    padding: 30px 100px;
    border-bottom: 1px solid red;
}

现场演示： http://jsfiddle.net/eFNXy/2/

如果您有多个项目，那么它代表一个列表并使用UL元素。