2017-08-29 71 views
0

當長度超過50%時,第一個應該有垂直滾動條,但它不起作用。我想修復50%,如果文本更長,它應該從溢出顯示滾動條。set div 50%height with 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

我不知道這是否是可能在桌子上做,嘗試一些div或其他 –

+0

其可能@Nicolas –

回答

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

已經接受:)但我的觀點不夠不能投票呵呵 – ariestan