覆蓋CSS底部邊框長度

如何將元素的底部邊框長度設置爲頁面的整個寬度，而不管其容器的大小如何？覆蓋CSS底部邊框長度

此刻，底部邊框距離頁面的整個寬度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; 
}

來源

2011-12-24 max_

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元素。

來源

2011-12-24 18:41:30

邊框應顯示在#item元素中，而不是#portfolio元素中。 – 2011-12-24 18:46:50

@max_你的意思是，在#portfolio裏面#item還有其他元素嗎？ – 2011-12-24 18:50:03

是的，有多個#item標記 - > http://jsfiddle.net/4PjZG/ – 2011-12-24 18:51:04

更改#portfolio的邊距以填充。

來源

2011-12-24 18:40:19 ceejayoz

它似乎沒有區別，邊框的寬度仍然是200px。 – 2011-12-24 18:47:27

覆蓋CSS底部邊框長度

回答

相關問題