那天想给公司做个新主页，翻出压箱底的CS6安装包就开干。结果刚打开Dreamweaver就傻眼了——这界面跟我二十年前上学时一模一样！安装时还折腾了好几个钟头，差点直接卸载。

第一坑：尺寸单位算到崩溃

随手拖了个文本框想放标题，按教程设成720像素宽。第二天用笔记本打开页面，好家伙标题直接窜出屏幕！赶紧翻手册才发现教程压根没提：当年流行1024×768分辨率，现在得用百分比或者最大宽度。重新调布局花了整晚，鼠标差点搓出火星子。

• 血泪教训：别用px做响应式，改用%或max-width
• 土方法：拿张纸画不同屏幕尺寸的占比

第二坑：CSS集体失踪

明明在属性面板给按钮加了渐变色，预览时突然变纯蓝方块。急得把F12键都按烂了才发现——CS6默认生成行内样式，外部CSS文件形同虚设！手动把代码从标签里抠出来塞进CSS文件，改到第三个按钮时彻底暴躁，直接重写整套样式规则。

第三坑：表单变俄罗斯方块

按教程插入联系表单美滋滋保存，结果客户留言说提交按钮叠在输入框上。原来老教程用table布局表单，现代手机一压直接塌房。拆了表格换div重写，光调试输入框对齐就重新核对了二十遍。

在Chrome预览发现网页扭曲成麻花，原来浏览器早不兼容旧版渲染模式。连夜查资料加了才救回来，这行救命代码教程里半句没提！