因为CSS，我把自己狠狠的羞辱了一番

     前几天我那个防静电地板网站首页因为要改版，我重新用div+css写了一遍，还好页面很简单，一个两列布局，没什么特殊

的地方，这么简单的改版我也不好去麻烦网站部的同事，于是自己动手写了起来。

     一直以来，我一直都觉得自己写div+css还算可以吧，学了也差不多一年多，中间看了不下5本这方面的书籍，而自己也写过

和模仿过好些个单页面，因此对自己能够完成这个首页的改版还是自信满满的。一开始由于比较长时间没有写过CSS了，进度有

点慢，不过经过半天的熟悉，逐渐找回了感觉，这时候问题也出现了，本以为很简单的两列布局，出现了一个让我头疼的问题，

因为原先该页面是以上中下，然后中间分成两栏这样布局的，用的table布局，而左侧使用了背景图层直接平铺，固定左右两侧的

宽度，高度呢，右侧是公司介绍文字，文字较多，而且可能会有更改，因此要求左栏能够自适应高度，因为左侧是网站导航，不

可能发生大的变化，即使有，也不可能对高度造成大的影响，所以左侧必须能够随着右侧高度的增加而自动增加，这本来很简单

的，但由于左侧加了背景图，直接将该图片repeat-y平铺在左侧之后，当右侧内容增加而高度增加时，左侧会出现背景图无法自

适应高度的现象，即使我为左栏加了背景色也没用，依旧是出现下半段无背景图无背景色的状态。后来我使用JS，在网页加载时

动态获取右栏高度，然后将其赋予左栏，这方法虽然解决了这个问题，但随着问题又出现了，首先是我自己感觉这种设计似乎很

“山寨”，呵呵，其次，当王爷加载过程中网速过慢时，会出现左栏只现实上半段背景图和背景色，而下半段会慢慢的在加载完

成后显现出来。

     搞了老半天已久没解决好这个问题，随后问了一个大学同学，他毕业后突然跑去写div+css，据他自己说他也是半路出家，

边做边学，人家可能看中他成绩单上面成绩比较突出因为决定给他一个机会，哈。他给我的答案是，在左右两栏外围加一个容

器，然后将原先的左栏背景图加载外围容器上，使其靠左repeat-y平铺，不过必须固定左栏宽度，这个我原先就已经是固定了

的，不用改。果然，经他指点问题迎刃而解。本来我应该很兴奋的，可我却相反，显得有点低落，想想自己一直以来的学习态

度，就拿这个CSS来说吧，学的时间不短，看的书不少，可真正写过的网页两只手数的过来，更不曾写过整站的网页，这样我都

能一直自以为自己已经“精通”css了，上面我遇到的那个问题，其实在很多我看的书籍里都有介绍解决方法，只是我虽然看过

觉得懂了，可毕竟不是通过实践自己解决的，因而属于过后就消失在脑海中那种记忆吧。

     我那同学最后跟我说，"你怎么也对css这么感兴趣啊"，哎，这话让我感到无地自容，"你要是真的有兴趣学，建议你去看下

那个"css的盒模型"，很有用的",其实我很想给你他说，那个盒模型我一年前就研究过了，但我不敢，因为我不想再羞辱自己了，

我知道我比他早"研究"了一年，可是他现在在水平上差不多领先了我一年，因为我们刚好毕业一年左右，好家伙，感情这不是人

家狠狠的羞辱了我一番，而是我自己狠狠的羞辱了自己一番

    好了，我大半夜忏悔去了。