CSS 하단 경계가 왼쪽 및 오른쪽 열에 나타나지 않음

Question

Help! 여기 모든 질문과 온라인 튜토리얼을 모두 읽었습니다 ...하지만 왼쪽 열과 오른쪽 열의 아래쪽 경계선을 제 레이아웃에 나타낼 수 없습니다.

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;