2010-07-02 5 views
25

여기까지 얼마나 걸릴 지 확인하십시오 : [링크가 제거되었습니다.] div 블록을 채우기 위해 녹색 버튼 위에 텍스트 영역을 만들려면 어떻게해야합니까? 텍스트 블록을 주석 블록과 정확히 같은 폭으로 만드는 방법은 무엇입니까? 난 당신이 둥근을 그릴 텍스트 영역 주위에 div를 사용하는 것이 좋습니다div 블록을 채우기 위해 텍스트 영역을 만드는 방법은 무엇입니까?

.... 99 % :

+1

'width : 100 %' –

+2

하면 간단합니다. 어쨌든, 추가되었습니다. 링크를 확인하십시오. : P – Rihards

+1

'width : 100 %'는 오버플로를 일으킨다. 너비를 488px로 설정하면 다른 상자의 너비가됩니다. 나는 그것이 왜 오버플로되는지 확인하지 않았다. 더 나은 해결책이 될 수도있다. – Mike

답변

42

이에 대한 빠른 해결책은 http://css-tricks.com/box-sizing/

여기

textarea { 
    width: 100%; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
    -moz-box-sizing: border-box; /* Firefox, other Gecko */ 
    box-sizing: border-box;   /* Opera/IE 8+ */ 
} 

을 설정하기 위해 CSS3 상자 크기 조정 속성을 구현하는이 문서를 참조하십시오 것은 구현하는 작업 예입니다 상자 크기 조정 속성 http://css-tricks.com/examples/BoxSizing/

컨테이너 div 내에서 조정하기 위해 99 % 또는 다소 작은 너비를 사용하면 이미 권장하지 않았습니다.

+0

좋고 깨끗한 솔루션, 감사합니다! 그러나 "Support IE8 + : box-sizing"... 2 년 전 IE8이 최신 버전 일 때 위의 대답을 썼다는 사실을 알고 싶습니다. 그리고 지금도 고객에 따라 XP + IE6을 사용하는 사용자가 여전히 많을 수 있습니다. – Vinz

+0

@Vinz, 귀하의 우려와 함께 그 사실. 그러나 "이전 브라우저를 사용하면 혼자 힘들 것"이라고 생각합니다. IE가 지원하지 않는다면 IE의 문제는 무엇입니까? 왜 우리 문제가되어야합니까? - – acpmasquerade

+0

@Vinz, 나는 그것에 대해 어떻게 느끼는지 모르지만, 트위터의 "부트 스트랩"은 시작할 수있는 최고의 플랫폼입니다 인터페이스를 사용하는 것이 좋습니다. 이렇게 많이 최적화 된 플랫폼에서 기능을 가져 오려고하면 더 좋을 것입니다. – acpmasquerade

4

퍼센트에서 텍스트 영역을 치수 측정이 제대로 작동하지 어떻게 든 적이, 저도 같은 문제 년전와 폭을 사용하여 종료 테두리를 제거하고 텍스트 영역 자체의 테두리를 제거합니다. 이 방법으로 텍스트 영역의 너비가 정확할 필요는 없으며 98 % 또는 99 %를 사용할 수 있습니다.

+1

오, 잘 - 링크를 확인하십시오. 꽤 좋은 결과를 얻었지만 여전히 누군가 내 케이스에서 텍스트 영역의 크기를 올바르게 지정하는 방법을 알고 있을지 궁금합니다. – Rihards

관련 문제