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

如果您想学习如何使搜索引擎认为有价值的优秀设计，那么请不要使用表格进行布局。表用于显示表数据，而不是布局。使用替代div并开始阅读有关位置，显示，浮动的信息。

这就是你要去的方式

Answer 2

如果将tds设置为特定百分比宽度，则它们将是父级的百分比。这样：

table {
    width: 100px;
}

tr {
    width: 100% /* Will be 100px */
}

td.quarter {
    width: 25%; /* Will be 25px */
}

td.half {
    width: 50%; /* Will be 50px */
}

我同意上一张海报，不要使用表格进行布局。不是说你在这里做的。但是布局坚持div等等。

CSS：自动填充单元格表以及构建良好布局的方法？

2 个答案: