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

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要素を使用します。

Answer 2

#portfolioのパディングの余白を変更します。