html - CSS:自动填充单元格表格和构建良好布局的方法？

Question

大家好，在此先感谢您的帮助。

我是 CSS 的新手，我希望有一个很好的输入来开始构建和学习最快的方法。我自己已经在做一些 CSS 测试了。正题。

这是相关的css代码(我把它放在pastebin因为它有点长) CSS CODE

正如您在代码中看到的，图像中显示的 2 个表格有背景，我必须手动设置它们的大小

width:100px;
height:120px;

在 td.menuleft 和 td.menucenter 类中。

1°问题

如何使单元格自动调整大小？

比如我想说:

让表格标签的宽度达到页面宽度的 100%，然后让我为单元格表格创建类，这些表格占表格宽度的一定百分比。

例子

Pic of my work, and how I want to make it like

这样就很容易将表格组成标签来自动填充页面。我已经看到了一些关于定位(相对、绝对)的东西，但我没能让它发挥作用。

2°问题

一般来说，使用 CSS 构建网页的最佳方式是什么？可以像我说的那样做，一个 div，里面有表格，并以类似方式将每个元素放在表格中吗？

或者您能给我任何关于如何制作特定模板的指导步骤吗？

谢谢你们。

Answer 1

如果您想学习如何制作出搜索引擎也认为有值(value)的优秀且有效的设计，那么请不要使用表格进行布局。表格用于显示表格数据，而不是布局。改用 div 并开始阅读有关位置、显示和 float 的内容。

这就是你要走的路