不需要以下内容的一种:
- 对图像的依赖(即“假柱”)
- 专门为 IE 添加的某种怪异或“hack”
- 要求 IE 以怪异模式运行
- 没有像三个 DIV 之一与其他 DIV 重叠那样的奇怪现象(即“圣杯”)
- 边距设置为高负数,使它们远离视图屏幕(再次“圣杯”布局)
我在 CSS 中找不到不依赖上述内容之一的 3 列布局。依赖上述之一似乎否定了使用 CSS 相对于表格的许多优势。我不想每次想要更改左栏的宽度时都必须拿出 Photoshop 并调整图像大小。我不想拿出计算器来计算我的 DIV 距离屏幕一侧有多少像素。
我应该提到我正在寻找等高布局。
Anyone?
编辑:我正在寻找 100% 的宽度,中心柱是液体。
编辑:我还希望以像素为单位指定左列和右列的宽度。
编辑:背景可以是透明的,但我想要在列之间有一条一直向上和向下延伸的分界线。
当你谈论 CSS 时,没有“简单”这样的东西。
但有一个简单的解决方案,可以跨浏览器、优雅地降级并且完全兼容 HTML 和 CSS:使用包含三列的表格。
推理:DIV 并不意味着具有相同的动态高度。因此,CSS对此不支持。如果您需要一个块元素来确保其子元素具有相同的高度,那么这就是表格的用途。
[编辑] 很抱歉冒犯了你们所有的 CSS 狂热分子,但是,坦率地说,当某些东西不是为做某事而设计的,而你滥用了它,并且它不起作用时,请停止抱怨,好吗? DIV 不是 TABLE,如果不依赖 hack 就无法将其用作 TABLE。
[EDIT2] 正如已经说过的各个地方,不使用表格进行布局的原因是,在早期,表格是only设计元素并导致 HTML 具有数十个嵌套表。那很糟。但这并不意味着你must not使用单个表格将所有内容放置到位,然后依靠 CSS 使里面的内容看起来正确。
大脑就像一个降落伞:拥有它很好,但只有在打开时才有用。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)