css 控制div高度自适应浏览器的高度

css 控制div高度自适应浏览器的高度

 1 <html>

 2 <head>

 3 <style>

 4 #myTable{height:100%;border:solid 1px red;width:100%;}

 5 #top{margin-top:1px;height:100px;border:solid 1px green}

 6 #down{margin-top:1px;height:89%;border:solid 1px silver}

 7 #left{height:100%;border:solid 1px black;margin:1px;width:200px;float:left;}

 8 #right{border:solid 1px #0aa;margin:1px;height:100%;width:240px;overflow:scroll;

 9 }

10 </style>

11 </head>

12 <body>

13 <table id='myTable'>

14 <tr><td>

15 <div id='top'></div>

16 <div id='down'>

17 <div id='left'></div>

18 <div id='right'>

19 这里是内容

20 这里是内容容这里是内容

21 这里是内容

22 这里是内容

23 这里是内容

24 这里是内容

25 这里是内容这里是内容

26 这里这里是内容

27 

28 这里是内容

29 这里是内容

30 这里是内容

31 

32 这里是内容

33 这里是内容

34 这里是内容

35 这里是内容这里是内容

36 这里这里是内容

37 

38 这里是内容

39 这里是内容

40 这里是内容

41 

42 这里是内容

43 这里是内容这里是内容

44 

45 这里是内容

46 

47 这里是内容

48 这里是内容这里是内容

49 这里这里是内容

50 

51 这里是内容

52 这里是内容

53 这里是内容

54 这里是内容

55 这里是内容容这里是内容

56 这里是内容

57 这里是内容这里是内容

58 这里这里是内容

59 

60 这里是内容

61 这里是内容

62 这里是内容

63 这里是内容

64 这里是内容容这里是内容

65 </div>

66 </div>

67 </td>

68 </tr></table>

69 </body>

70 </html>

 

你可能感兴趣的:(高度自适应)