Html 创建具有固定宽度列和可变宽度列的表 < P>我想创建一个有3列的表：左边和右边的固定宽度的列（它们被位置遮蔽：固定div），中间是一个可变宽度的列。

这不起作用：

<table>
    <tr>
        <td width=202px></td>
        <td> [MYCONTENT] </td>
        <td width=200px></td>
    </tr>
</table>

[内容]

问题是，出于某种原因，浏览器（在Chrome和Firefox上测试）认为当浏览器窗口不够宽时，我并不是真的这么想的：外部列被裁剪，宽度设置被忽略，因此真实内容在我的div下滑动，变得完全无法访问

我唯一剩下的想法是使用20世纪90年代的透明像素，调整到200像素的宽度，但一想到这个我就不寒而栗。肯定有更好的办法吗

---

（顺便说一句，是的，我尝试过各种纯css布局，没有一种是合适的，例如，如果您对中间列使用overflow:auto，底部的滚动条也会滚动（！！）这意味着，如果页面比窗口更高、更宽，你必须先向下滚动以查看滚动条，然后水平滚动，然后再向上滚动以查看你首先想要看到的内容。我还尝试使用填充：强制在左右两侧设置所需的边距，但在浏览器windo时也忽略了这一点w不够宽。）

表格用于表格数据，如果要布局内容，应使用CSS

我建议您使用类似于“如果您正在努力使用CSS”

如果你真的只是想要一个特定的解决方案，看看搜索结果，比如-我不是在骗你，那里真的有很好的答案，这正是你想要的，很多搜索结果会带你进入这些页面（特别是到manisheriar.com和一系列文章）

---

您可以使用“最小宽度”（位于中间div）和“最大宽度”（以及媒体查询）来帮助控制较小窗口中发生的情况。

确定-这是表格

我想简单的答案是-

• 从html中去掉样式并使用选择器。（本例中的类“然后是最小宽度-和宽度…
• 另外-请记住，填充和边距将改变您的内容的宽度…因此您可以使用边框框方法…（它是rad）并包含在第二个…使填充保持在原始div大小-希望这有所帮助。

这就是我要做的。（没有桌子…）

---

这就是你想要做的吗？不，我想避免重叠，必要时使用全局滚动条。如果你想避免重叠，那么你需要设置一个容器并使用

position:absolute；

而不是

position:fixed；

并设置一个最小宽度，如下所示：是的，看起来很好，（中间一栏用边距代替填充），谢谢！当你把浏览器窗口缩小到足以容纳你的一栏（200px x2=400px）时，就会出现这样的情况无处可去…然后压碎你的中间主内容…在填充和边距方面有很多细微差别-这就是为什么你会得到你提到的水平滚动…我建议当你的窗口达到一定大小时，可以使用媒体查询，或者让你的列和内容改变大小或者位置。我知道你不是在找css。但是看看这个。（你可以花30秒）我想用我的最后一段避免这些无用的帖子…我尝试了css，它只是想重叠，不想使用全局滚动条。毫无疑问，布局表格是错误的解决方案。这是一个解决了的问题，你可以在谷歌上找到许多答案。好吧，我在谷歌上没有找到任何东西，你也没有CKKiller和sheriffderek也不能提出一个真正满足我需求的基于CSS的设计。也许有一个纯粹的CSS解决方案，但如果有，它肯定不是琐碎的。哈-我想我不知道你真正需要什么。我想我的两个小提琴都完成了-但我想我总是被模糊的东西弄糊涂了。扔一分钟给我中间的dth？我唯一用过一张桌子的就是设计一个craiglist广告-从那以后只允许6个标签…---祝你好运！！！如果有东西点击，请告诉我们-更新：刚刚编辑了答案。有很多方法（使用边距、填充或3个div）取决于您想要显示的实际内容，但它在网上已经被很好地覆盖了。除了HTML电子邮件格式之外，自从MSIE 5（12-13年前）以来，我就不必使用表格进行布局了！p.s.垂直对齐：顶部；（默认情况下看起来像是中间的…）