很久以来，表格一直用于设计网站。然而，即使在今天，随着众多浏览器的推出，许多兼容性和可访问性问题也浮出水面。所有这些问题都必须解决，以确保网站完全适用于所有用户，包括使用备用浏览器的用户。如何在CSS布局上测试网页设计师？
在与桌子相关的许多问题中，最令人不安的一个（对于用户以及网络开发人员）是浏览器兼容性。在当今最常见的浏览器中，我们看到了Internet Explorer，Netscape，Opera和Mozilla。但是，市场上有各种版本。这意味着网站应尽可能多的版本进行测试，以获得准确的兼容性分析。
所以，如果一个网页设计师说，他知道基于CSS布局，
您正在招聘？
我会问他下面的问题
问：绝对有关什么position: absolute位置的元素？
答：最近定位的容器，即使它相对定位。很多人似乎认为文档体总是这里的答案
问：除了z-index之外，什么因素会影响元素在重叠时彼此堆叠的方式？
答：它们出现在DOM中的顺序，以及绝对定位的元素总是会出现在非绝对定位的元素上。对于跨浏览器兼容点，受访者可能还会指出，在IE6中，某些元素（如select）会比其他所有元素都可见。在很多浏览器中，这对嵌入式元素（如Flash文件）也很常见。
问：什么是块元素，而不是内联元素？你怎么看待这两种类型的相对外观？
答：格式化整个段落而不是文本范围的元素。示例是h1,div,p。块元素默认会在其周围有一些边距，除非指定或浮动，否则将假定为100％宽度。内联元素不能分配宽度。
问：如何元素，以及周围的元素，浮动影响？
答：块元素将不会分配更多的宽度，而不是绝对需要的。如果有可用的空间允许，元素之后的同胞将并排出现，而不是下面。 元素不会在其容器中分配任何高度，除非它是clear ed。这个Q的替代方法是简单地询问什么是clear。这是我希望从答案中得到的主要内容，因为我注意到很多人没有准确地使用clear，并且可能导致以非常混乱的方式解决简单问题。
我还要求受访者解释盒子模型。
至Q1：最接近的绝对，相对或固定位置父元素。位置：静态;不起作用。 – dbemerlin
是真的！静态就是我可能认为与任何定位元素相反的东西。静态的，除非我错了，什么元素默认，即完全相同，因为没有指定“位置”...？ –
你通常只是想检查他的投资组合（哪个webdesigner应该有）。如果它使用div的大部分布局部分（根本不使用表格就像使用它们的一切都是错误的），并且他的CSS使用w3c验证器验证，他应该没问题。
如果你真的想询问具体问题，你可以使用：
- difference between "display: block" and "display: inline"
- what is hasLayout
- how to create a 3-column layout with left and right bar fixed size
- how to center an object to the middle of the page (vertical and horizontal)
- difference of mozilla and IE border model and meaning of width and height (afair in IE elements have a width of width + border, for mozilla the width includes the border)
我不是一个网页设计师，我不得不做的比我以往任何时候都需要更多的网络布点，但这些问题应涵盖基本部分。
但是：网页设计师的工作是创建一个好看的页面，而不是CSS /（X）HTML验证页面。如果页面在所有浏览器中看起来都不错，那么没有人应该关心他是否使用了表格或div（除非他使用表格来表示所有内容），因为有时候表格会使工作变得更容易，并且不会很大程度地利用div的灵活性。
你描述的问题实际上比表格更相关于CSS。 CSS在语义上肯定是正确的，但表格肯定会有更好的跨浏览器支持。 –