2012-08-28 4 views
0

나는 이것이 불가능하다는 것을 알고 있지만 효과를 얻는 다른 방법이 있는지 궁금합니다.입력 너비가 100 % - 20px

아래의 jsfiddle를 보면 입력 값이 컨테이너의 94 %이고 가운데 정렬 된 것을 볼 수 있습니다.하지만이 값은 정상적으로 작동하지만 실제로 원하는 것은 입력에 대해 각면에 10 픽셀의 여백이있는 것입니다.

http://jsfiddle.net/brendan_rice/4ugxk/13/

사람이 도움을 주시겠습니까?

답변

1

.bottom DIV에서을 제거하십시오. 다음과 같이 쓰기 :

.bottom{ 
    position: absolute; 
    bottom: 0px; 
    background-color: red; 
    left: 10px; 
    right:10px; 
    text-align: center; 
} 

확인이 :이 괜찮은지 어떤지 Fiddle

1

어쩌면 http://jsfiddle.net/4ugxk/24/ 같은 것을 시도

.bottom{ 
    position: absolute; 
    bottom: 0; 
    left:0; right:0; 
    margin-left:10px; 
    margin-right:10px; 
} 
당신은 입력 요소 주위에 (또는 사업부)는 포장의 범위를 넣을 수
0

및 그것을 사용하여 원하는 여백을 적용하십시오. 표준 입력 상자 (패딩, 테두리 등)에서 기본 스타일을 제거하고 입력을 나타 내기 위해이 래핑 요소의 스타일을 지정해야합니다.

은 참조 : http://jsfiddle.net/4ugxk/43/

관련 문제