代码之家  ›  专栏  ›  技术社区  ›  Jeaf Gilbert

全高div内部td

css
  •  12
  • Jeaf Gilbert  · 技术社区  · 14 年前

    我想实现这个目标: alt text

    表格行和灰线的高度应该是动态的,取决于右栏中的内容。

    我已经读过了 How to make <div> fill <td> height ,所以我试着用这个 http://jsfiddle.net/hyNWy/

    2 回复  |  直到 7 年前
        1
  •  8
  •   Community Reversed Engineer    7 年前

    有结肠吗?另外,要获得间距:

    <td style="position:relative;">
        <div style="width: 10px; position:absolute; top:10px; bottom:10px; background:grey">
        </div>
    </td>
    

    编辑:

    original question 你指的那个实际上不起作用。 position:relative 似乎无法正确应用于表单元格。这很可能是故意的,也是规范的一部分。

        2
  •  0
  •   Pops Atula    13 年前

    你试过了吗

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

    tr {  }
    td { position:relative;height:300px; display:block; }
    div {
        width:10px;
        position:absolute;
        bottom:10px;
        top:10px;
        display:block;
        background:grey
    }
    

    这里有一个 jsfiddle