未出現在左右列中的CSS底部邊框

Question

幫助！我已經閱讀了每個在線和每個教程的每個問題......但似乎無法使左右列底部邊框出現在我嘗試放在一起的佈局中。

Here is a link我在那裏工作。

誰能告訴我我做錯了什麼？

我現在的CSS是：

.main-inner .fauxcolumn-left-outer .fauxcolumn-inner { 
    margin-right: 20px; 
    background: white url(http://i1109.photobucket.com/albums/h423/thesinglemomoirs/templates/pinkcupcake/38d73024.png) repeat scroll top left; 
    border: 2px solid black; 
} 
.fauxcolumn-outer .fauxborder-left, .fauxcolumn-outer .fauxborder-right, .fauxcolumn-inner { 
    height: 100%; 
} 

Answer 1

.yourclass { 
    border-bottom:thick solid black; 
} 

Answer 2

你的問題的解決方案是設置盒大小，像這樣：

.fauxcolumn-inner { 
    box-sizing: border-box; 
} 

你的問題是，沒有盒子大小來當您將身高設置爲100％時，您可以設置邊框：

.fauxcolumn-outer .fauxborder-left, 
.fauxcolumn-outer .fauxborder-right, 
.fauxcolumn-inner { 
    height: 100% 
} 

然後添加邊距，填充或邊框，您的真實身高結束了大於100％

Answer 3

你可以用一個內盒的陰影，沒有模糊邊界取代：

box-shadow: inset 0 0 0 2px #000000;