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

标签 html css resize fill

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

我是 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,里面有表格,并以类似方式将每个元素放在表格中吗?

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

谢谢你们。

最佳答案

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

这就是你要走的路

关于html - CSS:自动填充单元格表格和构建良好布局的方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11852563/

相关文章:

javascript - 获取列表项的值给我 0

html - 如何在可滚动区域中绝对定位? (CSS)

javascript - 如何清除内容 div 并使用 javascript 重新出现

java - Accordion 和 jQueryCycle 阻止 href 工作

javascript - Bootstrap-根据宽度调整元素的高度

html - CSS 挑战,我可以在不引入更多 HTML 的情况下做到这一点吗?

CSS 最大宽度、最大高度 100% 的 Javascript 模拟

html - 使用css/js创建一个形状类似于大写字母 "I"的div

javascript - 响应式 JS - 调整窗口大小时出现问题

css - 如何隐藏旋转木马图像调整大小时产生的黑色空间?