在制作网页页面时,经常需要对页面进行分栏。据我现有的知识,目前有三种方法可以实现:
(1)float大法;
(2)position-absolute大法;
(3)表格大法。
今天重点讲述的是表格大法。对于前面两种,就简单说明一下:
(1)float大法便是将边栏设置为浮动,然后设置主内容的margin-left 或者是 margin-right 等于边栏的总宽度(外边距+内边距+内容宽度)。如果出现浮动元素超出了某个逻辑块的边界,可以使用overflow:hidden解决。如果出现浮动元素覆盖到另外的逻辑块,可以使用clear:left 或者是 clear:right 解决。
(2)position-absolute大法便是将边栏固定在页面的某一个位置(你的目标位置),然后与float大法一样设置外边距即可。
接下来是表格大法。在此之前我们先了解一下怎么用CSS与HTML实现表格的显示。下面是建立一个2*2的表格:
// HTML
<div id="t