HTML Autoresize "without notice"让我抓狂

Question

首先，对于非正式的标题，我感到抱歉。我想表达我对这个问题的真实感受。我一直在清理我网站上的一些东西，http://www.gfcf14greendream.com/ ，并通过另一个问题将我定向到该站点以调试我的 html:http://validator.w3.org/ .我已经在我的网站上试过了，并纠正了一些错误，但我还是坚持了一个，http://validator.w3.org/check?uri=gfcf14greendream.com&charset=%28detect+automatically%29&doctype=Inline&group=0 .正如它所说:

Line 72, Column 48: The width attribute on the td element is obsolete. Use CSS instead.
              <td width=200 style="vertical-align: top;">

但如果我尝试将其更改为 <td style="vertical-align: top; width: 200;"> ，褪色图片旁边的文本似乎会忽略它并在每次更改时自行调整大小，有时变得太大而无法显示在图片旁边，而是出现在图片下方。为什么会有调整元素大小的趋势，至少在我的情况下会弄乱我的布局？有没有一种方法可以严格指定大小并让浏览器坚持使用它(我使用 chrome)，而不管其他任何事情？我已经尝试了大多数(如果不是所有)类型的 css 溢出，但文本始终显示在一行中。我什至尝试给保存文本的 td 一个高度，认为它会意识到额外的高度会把文本打断成行，但它再次调整大小以获得尽可能小的高度

如果你注意到前面底部有一些额外的空间(有一个滚动条，但在平均尺寸的屏幕上根本不需要它)，那是因为我之前在垂直菜单上遇到过这个问题左边，我不得不给它一个更大的高度来完全显示，再次，因为让它的大小达到 100% 会破坏它的显示，因为在浏览器(或任何执行它的工具)加载网站时，菜单变得更小并且并非每个按钮都能正确显示。请如果有人知道如何解决这个问题(我真的很想能够控制我的 html 元素的大小而无需浏览器或其他工具为我调整它们的大小)让我知道，提前感谢您阅读

Answer 1

您真的不应该在布局中使用表格。没有要显示的表格数据。表格(通常是邪恶的)。

也就是说，应用这种风格:

#desc {width: 200px}
#wrap img {width: 400px;height: 350px;}

并删除所有内容的宽度和高度应该可以正常工作。

只是一个额外的批评:

body {
  background-attachment: fixed;
  background-image: url("http://www.gfcf14greendream.com/images/greentwi.png");
  background-size: 100% 100%;
}

并删除您的 div#background 和 img。