html - div 真的可以为布局上的所有内容覆盖表格吗?

标签 html css

也许已经有关于这个主题的问题,但我找不到。

我的问题很简单,
我可以在页面布局中仅使用 div 吗?

例如,我在创建带 Angular 的 div 时遇到了麻烦。

A_____B______C  
|            |
D     E      F
|            |
G_____H______I

把所有的字母作为div,加上一些背景,而字母E是放置内容的地方,它是动态的,所以它可以得到任意高度,而宽度将是整个窗口的100%(还有一个div作为那个 div 左侧 float 的菜单,但我没有在这里考虑它)。
在表中,我很快就做到了,没有 hack,但是对于 div,我做不到。
我无法使div D和F的高度与div正确扩展,其余的都可以

所以,
1、div真的可以代替表格布局吗?
2. div 可以替换没有 css compatibility-hacks 的表格吗?

(顺便说一句,这不是我使用 div 和 css 布局的唯一问题,表格很容易做到)

最佳答案

您的示例在基本 CSS 中完全可行,在相对定位的元素内使用绝对定位。看看这个:

http://www.ulmanen.fi/stuff/box.php

因此,在回答您的问题时,div 确实取代了表格的布局。

第二个问题是什么?表格应该用在需要表格的地方:在表格数据中。如果您需要在表格中展示某些内容,请使用表格。只是不要将它们用于布局。

关于html - div 真的可以为布局上的所有内容覆盖表格吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2009405/

相关文章:

javascript - 如何计算 HTML 表格中*可见*行的数量?

html - div 和 div 中的图像分开执行

html - 是否可以将 2 个不相关的网页放在一起制作 1 个网页,同时保持其样式?

html - :after 中的 Wordpress 背景图片

javascript - 这个 H1 的确切字体是什么,我可以在 Windows 上使用它吗?

html - 使用 CSS 关键帧显示一个接一个的内容

java - 读取 HTML 文件以在 JEditorPane 中查看

javascript - 具有过滤类别的投资组合画廊

html - CSS - 使 div 的背景图像看起来与 HTML 页面的背景图像相同

jquery - 每向下移动一个像素向上移动 1px