html让表格填充div,html – 如何获得一个div垂直填充表格单元格?

作为

this question在表单元格中的绝对定位的后续行动,我试图在Firefox中获得一些工作.再次,我在那里约95%,只有一点点让我无法宣布胜利.使用以下示例标记:

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Test

table { width:500px; border-collapse:collapse}

th, td { border:1px solid black; vertical-align: top; }

th { width:100px; }

td { background:#ccc; }

.wrap { position:relative; height:100%; padding-bottom:1em; background:#aaa; }

.manage { text-align:right; position:absolute; bottom:0; right:0; }

p{ margin: 0 0 5px 0; }

Mauris tortor nulla, sagittis ut, faucibus eu, imperdiet ut, libero.

Cras diam.

Edit | Delete
Cras diam.

Cras diam.

Edit | Delete
Cras diam.

Mauris tortor nulla, sagittis ut, faucibus eu, imperdiet ut, libero. Sed elementum. Praesent porta, tellus ut dictum ullamcorper, est ante condimentum metus, non molestie lorem turpis in sapien. Aenean id enim. Nullam placerat blandit ante. Aenean ac ligula.

Edit | Delete

如何获得包装div,以便始终填充单元格,以便管理区域位于单元格的底部?是的,我放在桌子上的数据(在我看来)的表格,所以我想在这里使用一个表.作为最后的手段,我可​​能会转到一个丑陋的嵌套div解决方案,但是由于表在语义上是正确的,我想使用一个如果可能的话.请注意,背景颜色只是显示元素的相对大小 – 我不关心我的布局的背景.还要注意,我希望单元格有一个灵活的高度,所以它们只能扩展到适合自己的内容.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值