§ ITPOW >> 文档 >> CSS

CSS 布局简明教程-让列分起来

作者:vkvi 来源:ITPOW(原创) 日期:2011-2-25

前面介绍了设置页面居中及限定宽度,但只有一个列,要设置第二个列时,怎么办呢?

观察 CSS 代码,除了多了个 mainCol,还为 sideCol 和 mainCol 添加了 float:left。这就让 sideCol 和 mainCol 位于一行了。

CSS 来分列我们会发现和 table 区别很大,table 的各列高度是相同的,这列高了,那列跟着撑高,CSS 是则不然,各自是独立了,这边高了,那边就会出现一个缺。

CSS 布局也很要求精确,如果 mainCol 再宽一点,即使多一个像素,wrapper 装不下,就会显示在下一行。

如果某一行开始,不想跟着前面浮动了,请为该行设置 clear:both;。

相关阅读

相关文章