Question

希望有人可以帮助解决我遇到的问题。我正在尝试创建一个包含3列的表。

LEFT TD是徽标。
中间TD是文本，我希望这个单元格根据其中的任何文本自行调整大小（正常情况下），因此我无法为此单元格设置定义的高度，因为每行的内容都不同
RIGHT TD内部有div，div设置为滚动，高度为TD的100％。我将在表格中有多行，在下面的示例中，我只有一行用于＆＃34;项目管理＆＃34;但是我还有其他行也描述其他职位。

我希望RIGHT TD继承MIDDLE TD的高度，这样无论我放在中间单元格中，右侧列都将是那个高度，因此div也将是高度。 <{1}}内部伸展超出此高度的任何内容都会滚动。

限制：我正在使用内容管理系统Wiki的东西，它不允许任何STYLE标签（只允许内联），没有或内联脚本，如div。我查看了现有的问题，似乎没有任何答案符合我的要求。

尝试的代码：

＆＃13;

onload="dothis()"

＆＃13;

Answer 1

您应该确定不使用表格进行布局。使用语义HTML。要在彼此下方显示内容，您可以使用浮动div。您还应该删除内联CSS并使用样式表文件。看看这个例子：

<style>
    .content {
          overflow: hidden;
    }

    .box {
          box-sizing: border-box;
          width: 45%;
          padding: 2.5%;
          float: left;
    }
    .box.logo {
          width: 10%;
    }
</style>
<div class="content">
<div class="box logo">
  LOGO
</div>

<div class="box">
  <p dir="ltr">Project Management</p>
  <p dir="ltr">a project manager will do many things, including:</p>
  <p dir="ltr">this</p>
  <p dir="ltr">that</p>
  <p dir="ltr">and</p>
  <p dir="ltr">the other</p>
  <p dir="ltr">and don't forget this</p>
  <p dir="ltr">last but not least ,they'll also do:</p>
  <p dir="ltr">this as well</p>
</div>

<div class="box">
  Project Management<br />
  <strong>here are some names to contact:</strong>
  <div style="height: 300px; overflow-y: scroll;">testing
    <br />testing
    <br />testing
    <br />testing
    <br />testing
    <br />testing
    <br />testing

    <br />testing
    <br />testing
    <br />testing
    <br />testing
    <br />testing

    <br />testing
    <br />testing
    <br />testing
    <br />testing
    <br />testing

    <br />testing
    <br />oh look at meee I'm not resizing</div>
</div>

从表中的另一列继承列高

1 个答案: