也许已经有关于这个主题的问题,但我找不到。
我的问题很简单,
我可以在页面布局中仅使用 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 中完全可行,在相对定位的元素内使用绝对定位。看看这个:
因此,在回答您的问题时,div 确实取代了表格的布局。
第二个问题是什么?表格应该用在需要表格的地方:在表格数据中。如果您需要在表格中展示某些内容,请使用表格。只是不要将它们用于布局。
关于html - div 真的可以为布局上的所有内容覆盖表格吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2009405/