html - 是否可以将嵌套的 div 扩展到某个外部元素的确切位置?

标签 html css extjs

在我的页面上,我有一个网格(主要是 ExtJs),它是由一堆嵌套的表格和 div 创建的。 特别是最里面的 div(表示网格单元格内的一个元素)嵌套在另外两个表中(当然还有它们对应的 trs 和 tds)。

我希望这个最里面的 div 跨过表格边界扩展到下方单元格中相应 div 的底部(如附图所示)。 有效地用完两个网格单元(或更多 - 3、4 等垂直方向)。

这可能吗?我不知道这样的方法(除了明确指定高度,这可能非常困难,因为它在单元格之间变化),但我的 HTML/CSS 技能非常有限。 如果可能的话,你能给我指明方向吗?

一些其他细节:

  • 网格中的行可以具有可变高度,具体取决于其单元格中元素的大小
  • 图中的黑线代表网格 enter image description here

最佳答案

如果你稍微玩一下,表格的内容可能会超出其边界

{position: relative;  
top: -40px}

对于表格中的div。尽管我会想到一个更优雅的解决方案。

检查这个 fiddle : http://jsfiddle.net/SkX7T/

关于html - 是否可以将嵌套的 div 扩展到某个外部元素的确切位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24508772/

相关文章:

html - <section>、<div> 和 <span> 基本上都是一样的吗?

css - 添加边距以显示 : table-cell child element

html - 谁是 Internet Explorer <= 8 的主要用户?

c# - iTextSharp 生成的 PDF : How to send the pdf to the client and add a prompt?

javascript - 无论如何,有没有办法避免由于达到 Ext JS 应用程序的内存限制而导致 chrome 崩溃

javascript - Extjs 4 使网格列标题不可选择

javascript - 使用 php 和 jquery 的重音问题

javascript - 缩放 div 内容以适应固定大小

php - 如何使用 HTTP header 缓存动态 CSS?

javascript - 在输入字段中每第 5 个数字后动态添加一个空格的纯 Javascript 方法