css问题,如何实现表格的高度会随着div的高度增大而增大,而不会撑开表格?
我现在的问题是,div里内容少的时候,就在表格里,div内容多的时候会跑到表格之外去了,很难看。怎样实现表格的高度会跟着div内容的增加,而自动增大呢?这些问题是在火狐浏...
我现在的问题是,div里内容少的时候,就在表格里,div内容多的时候会跑到表格之外去了,很难看。怎样实现表格的高度会跟着div内容的增加,而自动增大呢?这些问题是在火狐浏览器才出现的,在ie6完全正常。css加些什么代码,才能在火狐浏览器也实现正常呢?下面是一部分代码:
<table id="__05" width="789" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td>
<img src="images/nz_01.jpg" width="10" height="34" alt="" /></td>
<td background="images/bg3c03.jpg" class="topdh"> <b>公司信息</b></td>
<td>
<img src="images/nz_03.jpg" width="11" height="34" alt="" /></td>
</tr>
<tr>
<td background="images/bgdl.jpg"></td>
<td width="769" height="437" valign="top" align="left" class="companybg">
<!--内容开始-->
<div id="getId">
<div class="tabT">
<ul class="tab">
<li id="tabId1" class="current" onclick="tab('tabId1','tabC1');">关于我们</li>
<li id="tabId2" onclick="tab('tabId2','tabC2');">联系地址</li>
</ul>
</div>
<div class="show" id="tabC1">
<div class="encon2">
aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee
</div>
</div>
<div class="hidden" id="tabC2">
<div class="encon2"> 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55
</div>
</div>
</div>
<!--结束内容-->
</td>
<td width="11" background="images/bgdr.jpg"></td>
</tr>
<tr>
<td>
<img src="images/7g07.jpg" width="10" height="10" alt=""/></td>
<td height="10" background="images/bg9i09.jpg"></td>
<td>
<img src="images/9i09.jpg" width="11" height="10" alt=""/></td>
</tr>
</table>
冰冷的期待可能不太理解我意思,我的意思不是超过表格的内容隐藏掉,而是有多少内容都必须在表格里,表格要自己跟着自适应增高,我现在的问题就是不会跟着增高,跑到表格外面来了。上面的没有css,可能调试不出问题 展开
<table id="__05" width="789" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td>
<img src="images/nz_01.jpg" width="10" height="34" alt="" /></td>
<td background="images/bg3c03.jpg" class="topdh"> <b>公司信息</b></td>
<td>
<img src="images/nz_03.jpg" width="11" height="34" alt="" /></td>
</tr>
<tr>
<td background="images/bgdl.jpg"></td>
<td width="769" height="437" valign="top" align="left" class="companybg">
<!--内容开始-->
<div id="getId">
<div class="tabT">
<ul class="tab">
<li id="tabId1" class="current" onclick="tab('tabId1','tabC1');">关于我们</li>
<li id="tabId2" onclick="tab('tabId2','tabC2');">联系地址</li>
</ul>
</div>
<div class="show" id="tabC1">
<div class="encon2">
aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee aa bb cc dd ee
</div>
</div>
<div class="hidden" id="tabC2">
<div class="encon2"> 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55 11 22 33 44 55
</div>
</div>
</div>
<!--结束内容-->
</td>
<td width="11" background="images/bgdr.jpg"></td>
</tr>
<tr>
<td>
<img src="images/7g07.jpg" width="10" height="10" alt=""/></td>
<td height="10" background="images/bg9i09.jpg"></td>
<td>
<img src="images/9i09.jpg" width="11" height="10" alt=""/></td>
</tr>
</table>
冰冷的期待可能不太理解我意思,我的意思不是超过表格的内容隐藏掉,而是有多少内容都必须在表格里,表格要自己跟着自适应增高,我现在的问题就是不会跟着增高,跑到表格外面来了。上面的没有css,可能调试不出问题 展开
展开全部
看你的描述我觉得是你css的问题,css里的高度是不是设置的有问题??你检查下css代码。有时候就是一个单词影响页面,仔细找找原因。可以从高设置的代码里先找找。多练习练习就好了,没有什么大问题。推荐你去任务中国网可以多多接活做,好好的练练手,从实战出发。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
但是你要注意,
要是表格大小跟着内容变动的话,
一个表格变了,
整个表格就会随之改变。
但是整个表格变的方式又没有确定下来。
所以就会很乱= =
还是先设置好合适的表格吧~
要是表格大小跟着内容变动的话,
一个表格变了,
整个表格就会随之改变。
但是整个表格变的方式又没有确定下来。
所以就会很乱= =
还是先设置好合适的表格吧~
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我试了一下你的代码,没发现什么问题,可能是没有css的原因吧,你试着在table里加一个style="overflow:hidden;"看看有效果没,然后在getId里也加个overflow:hidden;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我试了一下,似乎没问题,表格确实会自动增长。要不你把css也贴上来看一下?
我没用图片试,难道你说的是表格增长了而图片保持没变?
我没用图片试,难道你说的是表格增长了而图片保持没变?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询