td高度500，div在td内的最底部。

黑心 2011-09-23 11:53:41

如下：div在td的最底部。

<table><tr><td height='500' valign='top'>
这里有些文字。
<div>我要在最底部。 </div>
</td></tr></table>

...全文

247 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

黑心 2011-09-23

打赏
举报

是。
“这里有些文字。这里可能有表格table.” 在top

001007009 2011-09-23

打赏
举报

楼主的意思让
“这里有些文字。” 在top
<div>我要在最底部。 </div> 在 bottom？

黑心 2011-09-23

打赏
举报

谢谢各位回答，特别是5L的提醒。谢谢了。

黑心 2011-09-23

打赏
举报

[Quote=引用 10 楼 flying_wind2008 的回复:]
那用绝对定位吧
<style>
table{
border-collapse:collapse;
margin-left:10px;
width:300px;
}
td{
display:inline-block;
position:relative;
}
div{
position:absolute;
bottom:0;
left:0;
}
</style>
……
[/Quote]

嗯，不错。
看我的。多套了层表：
<table width='100%' height='100%' border='0' cellspacing='1' cellpadding='0' align='center' bgcolor='#ff0000'><tr><td bgcolor='#f1f1f1' valign='top'>
<table width='100%' height='100%' border='0' cellspacing='0' cellpadding='0'><tr><td valign='top'>
这里有些文字。这里有些文字。这里有些文字。这里有些文字。这里有些文字。这里有些文字。这里有些文字。 </td></tr>
<tr><td style='color:#aaaaaa;height:20px;' height="20">我要在最底部</td></tr>
</table></td></tr></table>

001007009 2011-09-23

打赏
举报

指定上面td的height 也可以。div用margin或者position 都可以。。。

flying_wind2008 2011-09-23

打赏
举报

那用绝对定位吧
<style>
table{
border-collapse:collapse;
margin-left:10px;
width:300px;
}
td{
display:inline-block;
position:relative;
}
div{
position:absolute;
bottom:0;
left:0;
}
</style>
<table border="1">
<tr><td height='500px' valign='top'>这里有些文字。这里有些文字。这里有些文字。这里有些文字。这里有些文字。这里有些文字。这里有些文字。<div>我要在最底部。</div></td></tr>
</table>

黑心 2011-09-23

打赏
举报

<table height='500px' border="1" >
边框必须有。

黑心 2011-09-23

打赏
举报

[Quote=引用 6 楼 calmcrime 的回复:]
HTML code

<table><tr><td height='500'>
<table cellpadding="10"><tr><td height="400" valign="top">这里的内容在要顶部。</td></tr></table>
<div>我要在最底部。 </div>
</td></tr></table>

这样？
[/Quote]
嗯，也有点像，
<div>我要在最底部。 </div>
这个div要在最底部显示。

黑心 2011-09-23

打赏
举报

[Quote=引用 5 楼 flying_wind2008 的回复:]
<table height='500px' border="1" >
<tr><td height='100%' valign='top'>这里有些文字。</td></tr>
<tr><td height='20px' ><div>我要在最底部。</div></td></tr>
</table>
[/Quote]

有点像。但这样会多少条边框。本来只需要一个框的。现在这样是两个框。

001007009 2011-09-23

打赏
举报



<table><tr><td height='500'>

 <table cellpadding="10"><tr><td height="400" valign="top">这里的内容在要顶部。</td></tr></table>

 <div>我要在最底部。 </div>

</td></tr></table>

这样？

flying_wind2008 2011-09-23

打赏
举报

<table height='500px' border="1" >
<tr><td height='100%' valign='top'>这里有些文字。</td></tr>
<tr><td height='20px' ><div>我要在最底部。</div></td></tr>
</table>

黑心 2011-09-23

打赏
举报

NO

<table><tr><td height='500' valign='top'>
<table cellpadding="10"><tr><td>这里的内容在要顶部。</td></tr></table>
<div>我要在最底部。 </div>
</td></tr></table>

001007009 2011-09-23

打赏
举报



<table><tr><td height='500' valign='bottom'>

 <table cellpadding="10"><tr><td>123</td></tr></table>

 <div>我要在最底部。 </div>

</td></tr></table>

这个意思？

本文向大家描述一下如何使用CSS方式实现DIV固定在网页底部，这个问题如果在以前使用表格布局，并不困难，只要给页面的最外层表格高度设置为100%就可以了，然而，在Web标准的规范中，表格的高度已经属于废止的属性，应该避免使用，所以使用CSS方法才是明智的选择。DIV固定在网页底部的CSS方法首先看这样一下问题：“如果有一个footer层，我想让他固定出现在整个页面的最下方，不随着页面中的内容而变化...

用法：将以下代码保存为HTML格式的页面即可。实现的功能：当页面里内容的高度没有让页面出现滚动条时，页面当前页面的最底部显示。当出现滚动条后，DIV层会自动向下跟随，在页面的最底部显示。更改TABLE的高度就可以看到DIV层始终在页面最底部DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/

如下图，右边内容变高了，左边元素位置就下降到居中设置居顶不变的方法 <table width="200" border="1"> <tr> 　　<td width="100" valign="top">title</td> 　　<td >很长<br&g

本文和大家重点讨论一下解决DIV高度自适应的方法，这里主要从四个方面来向大家介绍，相信通过本文学习你对DIV高度自适应问题会有更加深刻的认识。 DIV高度自适应关于DIV高度的自适应，一直是个让人头疼的问题，整理了一下以前总结的方法，仅表示我也玩过。 htmlcode: <divid="container"> <dividdivid="leftSide">...

CSS

61,129

社区成员

60,711

社区内容

近7日
近30日
至今

加载中

试试用AI创作助手写篇文章吧