2017-08-29 7 views
0

最初は50%を超えると垂直スクロールバーが表示されますが、機能しませんでした。私は50%を修正したい、テキストが長い場合はオーバーフローからスクロールバーが表示されます。オーバーフローオートでdivを50%の高さに設定

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
</head> 
 
<style> 
 
\t html, body { height: 100%; } 
 
</style> 
 
<body> 
 
\t 
 
\t <table style="height:100%; width:100%" border=1> 
 
\t \t <tr style="height:50%"> 
 
\t \t \t <td style="width:30%;"> 
 
\t \t \t \t <div style="width:100px; height:50% overflow:auto;"> 
 
\t \t \t \t \t <table> 
 
\t \t \t \t \t \t <tr><td> 
 
\t \t \t \t \t \t 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> 
 
\t \t \t \t \t \t 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> 
 
\t \t \t \t \t \t </td></tr> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t </div> 
 
\t \t \t </td> 
 
\t \t \t <td width="70%"></td> 
 
\t \t </tr> 
 
\t \t <tr style="height:50%"><td></td><td></td></tr> 
 
\t </table> 
 
\t \t 
 
</body> 
 
</html>

+0

私はそれがあるのか​​はわからないが可能なテーブルでそれを行うには、いくつかのdivまたは他の人と試して –

+0

可能な@ニコラス –

答えて

1

あなたは巨大なコンマ行方不明、ちょうど...ほとんど右やっている:P <div style="width:100px; height:50% ;overflow:auto;">

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
</head> 
 
<style> 
 
\t html, body { height: 100%; } 
 
</style> 
 
<body> 
 
\t 
 
\t <table style="height:100%; width:100%" border=1> 
 
\t \t <tr style="height:50%"> 
 
\t \t \t <td style="width:30%;"> 
 
\t \t \t \t <div style="width:100px; height:50% ;overflow:auto;"> 
 
\t \t \t \t \t <table> 
 
\t \t \t \t \t \t <tr><td> 
 
\t \t \t \t \t \t 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> 
 
\t \t \t \t \t \t 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> 
 
\t \t \t \t \t \t </td></tr> 
 
\t \t \t \t \t </table> 
 
\t \t \t \t </div> 
 
\t \t \t </td> 
 
\t \t \t <td width="70%"></td> 
 
\t \t </tr> 
 
\t \t <tr style="height:50%"><td></td><td></td></tr> 
 
\t </table> 
 
\t \t 
 
</body> 
 
</html>

+0

どうすればその巨大な昏睡を見逃すことができます。 :D ありがとうございました。 – ariestan

+0

これはあなたがそれをお見逃しなく、私の答えを受け入れることができます:D –

+0

すでに受け入れられて:)しかし、私のポイントは十分ではないheheを投票することはできません – ariestan

関連する問題