你能在不使用表格的情况下做这个 HTML 布局吗? [英] Can you do this HTML layout without using tables?

查看：13
本文介绍了你能在不使用表格的情况下做这个 HTML 布局吗?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

好的，一两周前我遇到了一个简单的布局问题.即页面的部分需要标题:

+---------------------------------------------------------+|标题按钮 |+---------------------------------------------------------+

很简单的东西.事情是表仇恨似乎已经接管了网络世界，当我问为什么在 HTML 表单中使用定义列表 (DL,DD,DT) 标签而不是表格? 现在是表格 vs divs/CSS 之前已经讨论过了，例如:

所以这不是关于布局的 CSS 与表格的一般性讨论.这只是一个问题的解决方案.我使用 CSS 尝试了各种解决方案，包括:

  • 按钮或包含按钮的div向右浮动；
  • 按钮的相对位置；和
  • 位置相对+绝对.

由于各种原因，这些解决方案均不令人满意.例如，相对定位导致我的下拉菜单出现在内容下方的 z-index 问题.

所以我最终回到了: