Question

第一个应该有垂直滚动条，当它超过50％但它没有工作。我想修复50％，如果文本更长，它应该显示溢出的滚动条。

＆＃13;

<!DOCTYPE html>
<html>
<head>
</head>
<style>
	html, body { height: 100%; }
</style>
<body>
	
	<table style="height:100%; width:100%" border=1>
		<tr style="height:50%">
			<td style="width:30%;">
				<div style="width:100px; height:50% overflow:auto;">
					<table>
						<tr><td>
						test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
						test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
						</td></tr>
					</table>
				</div>
			</td>
			<td width="70%"></td>
		</tr>
		<tr style="height:50%"><td></td><td></td></tr>
	</table>
		
</body>
</html>

＆＃13;

Answer 1

你做得差不多......只是，错过了一个巨大的逗号：P <div style="width:100px; height:50% ;overflow:auto;">

＆＃13;

<!DOCTYPE html>
<html>
<head>
</head>
<style>
	html, body { height: 100%; }
</style>
<body>
	
	<table style="height:100%; width:100%" border=1>
		<tr style="height:50%">
			<td style="width:30%;">
				<div style="width:100px; height:50% ;overflow:auto;">
					<table>
						<tr><td>
						test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
						test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
						</td></tr>
					</table>
				</div>
			</td>
			<td width="70%"></td>
		</tr>
		<tr style="height:50%"><td></td><td></td></tr>
	</table>
		
</body>
</html>

＆＃13;

设置div 50％height with overflow auto

1 个答案: