很久以來，表格一直用於設計網站。然而，即使在今天，隨着衆多瀏覽器的推出，許多兼容性和可訪問性問題也浮出水面。所有這些問題都必須解決，以確保網站完全適用於所有用戶，包括使用備用瀏覽器的用戶。如何在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在語義上肯定是正確的，但表格肯定會有更好的跨瀏覽器支持。 –