到目前为止,IE 中一切尚好,但 Firefox、Chrome 中会发现 wrapper 没有高度了,因为 sideCol 与 mainCol 间距之间没有红色背景。
要解决这个问题就是为 wrapper 增加一个 overflow:auto;。
运行一下示例
至此一个基本的 CSS 布局重点就完成了,总结一下核心代码:
DOCTYPE
CSS
再提炼一下核心:
虽然 CSS 布局重点已经讲完,但实际操作中会遇到很多问题,这都是 IE 不兼容及我们对标准的不透彻理解造成的,请参阅ITPOW的 CSS 栏目,以了解更多,http://www.itpow.com/docs/xhtmlcss/css/。