表格高度为什么不能固定大小？_html/css_WEB-ITnose
时间：2021-07-01 10:21:17
帮助过：38人阅读
我将
表格高度设为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：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="losepart.aspx.cs" Inherits="LosePart_losepart" %> 发料单
这个里面是动态产生的一个数据表
,内容有多有少
主要就是这一段：
/* 主布局框架,三行一列 */.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%;}
无标题文档
| 用ie7测试正常但ie8第一个会扩大怎么解决 | W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站 | fffffffffffff |
| 用ie7测试正常但ie8第一个会扩大怎么解决 | W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站 | fffffffffffff |
| 用ie7测试正常但ie8第一个会扩大怎么解决 | W3School 提供的内容仅用于培训。我们不保证内容的正确性。通过使用本站内容随之而来的风 | fffffffffffff |
这样是可以设置，但是如果在里面嵌套了两层DIV，就不行了。数据是写在最内层的DIV里面的。
-->写这里是可以平分
-->float:left -->float:left -->但数据在这里写的,要怎么设置？ 最终的结果如下：
div.s1在左边，div.s2在右边，div.t在s2里面。table将网页平分三份。t里面的数据行不定，超出高度会有滚动条
-------------------
| s1 | |
| |---- s2 ----|
| | t |
-------------------
| s1 | |
| |---- s2 ----|
| | t |
-------------------
| s1 | |
| |---- s2 ----|
| | t |
-------------------
可以以这段代码为例:
111 test| Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname |
| 111 test| Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname |
| 111 test| Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname | | Firstname |
|
我弄好了，把table换成div就可以了....
人气教程排行
|
