Table 在设置height=100%后的滚动条为什么只出现了一部分
代码如下：<!DOCTYPEHTML><HTML><HEAD><TITLE>NewDocument</TITLE></HEAD><STYLEtype="text/css"...
代码如下：
<!DOCTYPE HTML >
<HTML>
<HEAD> <TITLE> New Document </TITLE> </HEAD>
<STYLE type="text/css">
HTML,BODY{height:100%;margin:0px; overflow:hidden}
</STYLE>
<BODY>
<TABLE style="height:100%;width:100%" border=0 cellspacing="0" cellpadding="0" >
<TR>
<TD style="background-color:red;margin:2px" >
aaa<BR>sss<BR>sss<BR>sss<BR>sss<BR>sss<BR>sss<BR>
</TD>
</TR>
<TR style="height:100%" >
<TD style="height:100%" >
<DIV style=" height:100%; overflow:auto; background-color:#669999" >
a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR> a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>B<BR>C<BR>D<BR>E<BR>F<BR>
</DIV>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
要求：不使用js代码。要保证IE，FF，GG，OO浏览器的兼容性
第一个TD中的内容会变化的，不能使用height来固定！
如果把 <!DOCTYPE HTML > 取消，就是我想要的结果。但是项目中规定不能取消<!DOCTYPE HTML >。很难搞！ 展开
<!DOCTYPE HTML >
<HTML>
<HEAD> <TITLE> New Document </TITLE> </HEAD>
<STYLE type="text/css">
HTML,BODY{height:100%;margin:0px; overflow:hidden}
</STYLE>
<BODY>
<TABLE style="height:100%;width:100%" border=0 cellspacing="0" cellpadding="0" >
<TR>
<TD style="background-color:red;margin:2px" >
aaa<BR>sss<BR>sss<BR>sss<BR>sss<BR>sss<BR>sss<BR>
</TD>
</TR>
<TR style="height:100%" >
<TD style="height:100%" >
<DIV style=" height:100%; overflow:auto; background-color:#669999" >
a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR> a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>B<BR>C<BR>D<BR>E<BR>F<BR>
</DIV>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
要求：不使用js代码。要保证IE，FF，GG，OO浏览器的兼容性
第一个TD中的内容会变化的，不能使用height来固定！
如果把 <!DOCTYPE HTML > 取消，就是我想要的结果。但是项目中规定不能取消<!DOCTYPE HTML >。很难搞！ 展开
3个回答
展开全部
<!DOCTYPE HTML >
<HTML>
<HEAD> <TITLE> New Document </TITLE> </HEAD>
<STYLE type="text/css">
HTML,BODY{height:100%;margin:0px; overflow:hidden}
</STYLE>
<BODY>
<div style="height:100%;width:100%; overflow:scroll;">
<TABLE style="width:100%;" border=0 cellspacing="0" cellpadding="0" >
<TR >
<TD style="background-color:red;margin:2px" >
aaa<BR>sss<BR>sss<BR>sss<BR>sss<BR>sss<BR>sss<BR>
</TD>
</TR>
<TR >
<TD >
<DIV style="background-color:#669999" >
a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR> a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>B<BR>C<BR>D<BR>E<BR>F<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>a<BR>
</DIV>
</TD>
</TR>
</TABLE>
</div>
</BODY>
</HTML>
在里面出现滚动条 实际要在外面加个DIV DIV的滚动条才能包含整个table 不然只是那个tr超高
更多追问追答
追问
这样不行啊。目的是消除页面滚动条，只有在第二个TD里面的DIV中出现滚动条。且第一个TD的高度是变化的。
谢谢你的建议！
追答
看你的代码 实际是做到了啊 你的只出现一部分是指？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不用js没有解决 标记下。 这个有点技术含量 呵呵
追问
如果是js的话，我基本都可以搞定了！好麻烦！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这是测试题目吗?还是项目.?
更多追问追答
追问
这是项目的。目的是为了使整个页面不出现滚动条，只有在DIV部分才出现滚动条！并且自动适应高度！
追答
因为我想不到,如果是测试题目的话会有正确答案.可能只是我不知道,
但是是项目...表示想不到...你去掉上面的doctype,在IE中是怪异模式.解释table会怪一点.(你是在IE中测试吗?)..新的IE去掉doctype也不行了..(IE11)..
table高度和宽度是会自适应的..只要你定义了table标签的宽高,里面的tr和td就会自适应(会根据内容自适应,内容不够就会自己计算)....就算你用js控制高度可能也达不到你的要求...
PS.可以用js试一下,js控制td里的div的高度,应该可以..我没试过....纯CSS表示想不到.
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
