1
나는 많은 브라우저에서 (browsershots를 통해) 이것을 시도했지만 일반적으로 스크롤바가 오버플로되어 녹색 테두리를 숨 깁니다.textarea scrollbars 오버플로 및 div 경계를 숨기기
overflow: hidden은 스크롤바를 자르기 때문에 원하지 않습니다.
테두리를 가리지 않고 테두리 안에 스크롤 막대를 가져 오려면 어떻게해야합니까?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body>
<div style="border: 1px solid green; margin: 0pt; padding: 0pt; width: 100%; height: 100px;">
<div style="margin: 0pt; padding: 0pt; position: relative; float: left; width: 20%; height: 100%;">
<select style="margin: 0pt; padding: 0pt; width: 100%; height: 100%;" multiple >
<option></option>
</select>
</div>
<div style="position: relative; float: left; width: 80%; height: 100%;">
<form style="margin: 0pt; padding: 0pt; width: 100%; height: 100%; display: inline; position: relative;">
<textarea readonly="readonly" style="margin: 0pt; padding: 0pt; width: 100%; height: 100%; overflow:scroll;" wrap="off" >
</textarea>
</form>
</div>
</div>
</body>
</html>