選擇走Tableless layout作為網頁設計工作路線，偶爾會碰到一些從前使用DreamWeaver不曾遇過的問題。
譬如以下這張圖所顯示的：
當你以一個div當作layout容器，試著在這個容器裡擺進一個齊左的黃色內容區塊，結果卻破版了。
選擇如何處理破版的解決方案，通常也決定了我們對Web designer的評價。
對任何一位熟用DreamWeaver的Web designer來說，面對破版，最安全的決定就是退一千步回頭去用DreamWeaver，走Table-based layout的老路，重返你的Comfort zone。
在任何情況下，選擇留下來繼續與Tableless layout奮戰，無疑都是相對危險的決定。
但，危險終究只是一種感覺。
如果你想清楚，破版最糟糕的下場，根本也不至於會出人命。或許，感覺危險的嚐試，還是值得放手一搏的。
回到上圖顯示的打包不全破版問題，其癥結點在於float。
clear float的解決作法不止一種。
不過，用overflow:hidden來解決，應該是最力求簡潔的一種。
面對破版問題，跳出Comfort zone的Web designer有機會找到最簡潔的解法，而選擇留在Comfort zone的Web designer，則只能繼續跟DreamWeaver玩巢狀迴圈。
延伸閱讀