表格高度为什么不能固定大小？_html/css_WEB-ITnose

我将表格高度设为100%,然后在表格里面分了三行，想让这三行平分高度，各33%，但是如果表格里面的数据超过了这个高度，表格就会随着变化。我是想让它固定下来，最大不能超过33%
CSS是在firefox里面可以达到效果，但在IE8里面却不行
CSS:

/* 页面设置 */html,body,form{	width:100%;	height:100%;	max-height:100%;}/* 主布局框架,三行一列 */.tbparent{	width:100%;	height:95%;	max-height:100%;	border:1px solid;}tbody{    height:100%;    min-height:100%;    max-height:100%;}/* 三行均分height *//*.tbparent tr{	height:3%;	width:100%;	max-height:3%;}*/.tbparent td{	width:100%;	height:33%;	min-height:33%;	max-height:33%;}/* 线别信息,主框架 */.father{	width:100%;	height:100%;	max-height:100%;	border:1px solid;	margin-bottom:0px;}/* 线别信息,标题 */.son1{	width:13%;	height:100%;	max-height:100%;	background-color:Green;	color:yellow;	text-align:left;	border:1px solid;	float:left;	line-height:35px;}/* 线别信息,制程/料号 */.son2{	width:21%;	height:100%;	max-height:100%;	border:1px solid;	padding-left:5px;	float:left;	font-family:Microsoft JhengHei;	font-size:16px;}/* 料号列表 */.partlist{	width:100%;	height:100%;	max-height:73%;	overflow:auto;	border-top:1px;	border-top-style:dashed;	text-align:left;	padding-left:5px;	margin-top:3px;	line-height:3px;}.partlist table{	width:auto;	height:auto;	max-height:100%;	overflow:scroll;}

。

回复讨论(解决方案)

html：

        发料单

这个里面是动态产生的一个数据表 ,内容有多有少

主要就是这一段：

/* 主布局框架,三行一列 */.tbparent{	width:100%;	height:95%;	max-height:100%;	border:1px solid;}tbody{    height:100%;    min-height:100%;    max-height:100%;}/* 三行均分height *//*.tbparent tr{	height:3%;	width:100%;	max-height:3%;}*/.tbparent td{	width:100%;	height:33%;	min-height:33%;	max-height:33%;}

     无标题文档  /* 主布局框架,三行一列 */.tbparent{    width:100%;    height:90px;    max-height:100%;    border:1px solid;} tbody{    height:100%;    min-height:100%;    max-height:100%;} /* 三行均分height */.tbparent tr{        width:100%;    max-height:33px;	height:30px;background-color:#ddd;	display:inline-block;} .tbparent td{	float:left;	display:block;    width:33%;    height:inherit;	overflow:hidden;}    	 	 		 用ie7测试正常但ie8第一个会扩大怎么解决 		 W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站 		 		fffffffffffff		 			 	 		 用ie7测试正常但ie8第一个会扩大怎么解决 		 W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站 		 		fffffffffffff		 		 	 		 用ie7测试正常但ie8第一个会扩大怎么解决 		 W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风 		 		fffffffffffff

这样是可以设置，但是如果在里面嵌套了两层DIV，就不行了。数据是写在最内层的DIV里面的。

-->写这里是可以平分

-->float:left

-->但数据在这里写的,要怎么设置？

最终的结果如下：
div.s1在左边，div.s2在右边，div.t在s2里面。table将网页平分三份。t里面的数据行不定，超出高度会有滚动条
-------------------
| s1 | |
| |---- s2 ----|
| | t |
-------------------
| s1 | |
| |---- s2 ----|
| | t |
-------------------
| s1 | |
| |---- s2 ----|
| | t |
-------------------

可以以这段代码为例:

   .tbparent{ width:100%; height:100%; max-height:100%;}.tbparent td{ border:1px solid blue; height:33%; max-height:33%; min-height:33%;}div.f{  height:100%;  max-height:100%  border:1px solid;}div.s1{  width:10%;  height:100%;  max-height:100%;  float:left;  border:1px solid;}div.s2{  width:70%;  height:100%;  max-height:100%;  float:left;  border:1px solid;}div.list{  height:90%;  max-height:90%;  overflow:auto;  border:1px solid;}      
111

      
查看更多关于表格高度为什么不能固定大小？_html/css_WEB-ITnose的详细内容...
        
          声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did103274

更新时间：2022-11-17 阅读：37次