javascript - CSS 溢出 : ? ???和表或其他一些方法？

Question

我有一个 640 像素宽的表格，分为两个 [TD]。左边一个是 150px，右边一个是 490px。

问题是，使用 CSS 或任何其他方法，如何阻止内容溢出我设置的大小并使页面看起来一团糟。

我已经尝试过 css overflow: scroll 方法，在某些情况下这有效，但在所有情况下都无效。我需要每次都能正常工作的东西。如果我能让每个 TD 在内容较大时滚动，那肯定就足够了。

我没有要提供的链接，这只是一个一般性问题，因为我的网站上有很多区域可能需要使用类似这样的东西。

谢谢

Answer 1

如果您使用表格作为您网站的支柱，那您就错了。您应该改用 div 元素。 表格应该用于表格数据，而不是结构。

有时很难快速获得使用表时的外观，但这并非不可能。对于 2 行表，你可以使用这样的东西

    <div id="container">
      <div id="left">
      <div id="right">
      <div class="clr" >
    </div>

CSS:

#container{
  width: 640px;
}
#left{
  width: 150px;
  flot: left; /*if you want them to be next to each other */
  overflow: scroll; /*or hidden?*/
}
#right{
  width: 490px;
  float: left;
  overflow: scroll; 
}
.clr {
  clear: both;
}