고정값이 없을때

textarea에 width:100%를 줬을때 영역 벗어날 경우를 볼수 있다. textarea의 width 값은 100% + padding + borders 일 것이다. 그래서 padding과 border값을 빼줘야 한다.

class로 해서 주게되면 다음과 같다..

<!doctype html>  
<html lang="en">
<head>
 <style>
  label { padding: 0; marign: 0; display: block; }
  textarea { width: 100%; border: 1px solid #333; padding: 4px; }
  .the-fix { padding-right: 10px; }
 </style>
 
</head>
 
<body>
 <label class="the-fix">
  A good-looking textarea with a 100% width
  <textarea></textarea>
 </label>
</body>
</html>

100% + 1px +1px(border)+ 4px +4px (padding) 그래서 padding-right:10px를 고정값으로 넣으면 영영벅을 벗어나지 않는다.