Question

我对DIV布局缺少什么？

我在一篇关于DIV布局的教程中读到它优于表格布局，因为表布局在所有浏览器中看起来都不一样。

然而，我有完全相反的经历。表格布局实际上在所有浏览器中看起来都是一样的，而我简陋的DIV布局尝试却没有。

好像设计师和程序员都希望分割布局和内容，但是以不同的方式做到了：

设计：

“让我们从HTML页面中取出所有布局，所以剩下的就是内容”

编程：

“让我们取出HTML页面的所有内容，所以剩下的就是布局了”

我已经购买了一些HTML模板，虽然它们看起来不错，但我通常会在表格中重新制作它们，让它们服从我的意愿。

那么，我错过了什么？你在使用DIV还是表格布局？我有很多问题，DIV布局行为不正确，在不同的浏览器中也有所不同。是时候回归桌面布局了吗？或者我还没学会做适当的DIV布局呢？

Answer 1

表格不适用于布局。它们用于显示表格。 Div-layouts只给你一件事：自由。

CSS组织自由。表格永远不会像基于Div的布局那样灵活。考虑在智能手机上显示网页。通过为其提供新的CSS样式，您可以重新排列内容，而使用表格，您的内容将被卡在一个视图中。

为跨浏览器兼容性定制布局的努力是非常值得的。

Answer 2

div元素已经存在了十年左右。它们没有问题。你遇到的问题是CSS。从你的沮丧中，听起来你不明白CSS如何工作比什么都重要。通常，新用户在使用旧教程和Internet Explorer作为测试浏览器时会更加困惑。

始终，始终使用任何浏览器，但IE最初测试您的标记。始终验证您的html和css是否有正确的语法。始终使用正确的doctype。这些步骤治愈了90％的大多数疾病。

Answer 3

DIV超过TABLE的原因之一是可读性和可维护性。我确实有一些我无法编辑的旧页面，因为嵌套表非常复杂。

示例：

<div>content</div>

<table><tbody><tr><td>content</td></tr></tbody></table>

我认为第一个更容易阅读。

正如其他评论所暗示的那样，你已经倒退了。但是你需要对CSS的理解才能超越初学者级别的基于表格的布局。