1
J'ai essayé ceci sur de nombreux navigateurs (via des navigateurshots) et universellement les barres de défilement débordent et cachent la bordure verte.textarea scrollbars débordement et masquer div border
Je ne veux pas overflow: hidden parce que cela barre les barres de défilement.
Comment puis-je obtenir les barres de défilement à l'intérieur de la bordure, au lieu d'obscurcir la bordure?
<!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>