Hi.gxideal

接触网页制作1年多了，我可以很习惯的不去记代码的命令，依赖着DW，我可以不厌其烦得使用老知识，通过复杂的代码来完成相同的工作。

正因如此我的网页竟然还在大量的使用<table>来完成页面排版。

猛然发现 float竟然会如此的方便，后悔着开始补习float。

随笔写篇关于css+<div>取代<table>教程。

float：浮动属性，在 CSS 中，任何元素都可以浮动。做表格时习惯使用<div>做表格层。

CSS如：
.tr_1{width:100%;   overflow:hidden; }      //确定表格宽度，命名方式随意，注意加 . ;一般使用overflow:hidden防止内容越出表格。
.td_1{float:left; width:33%; overflow:hidden; }    //列1，设置宽度，其他属性
.td_2{float:left; width:34%; overflow:hidden; }   //列2，列1足够宽，列2可以包含在列1内
.td_3{float:left; width:33%; overflow:hidden; }
…..

HTML如：
<div class=”table”>
<div class=”td_1″>test</div>
<div class=”td_2″>test</div>
<div class=”td_3″>test</div>
</div>

在css+<div>中可以省去<table>的概念，即用行<tr>代替<table>。

补充：JavaScript 调用float语法：object.style.cssFloat=”left”;