用纯DIV+CSS做一个两行两列的表格,但第二列中两行是合并的,如下面这样...
第一种情况，float浮动相同 让两个div盒子的float值相同，比如都设置float：left或float：right，宽度设置合适即可。这里我们通过案例实现一行两列DIV布局。
我想到的思路是，每一个tr使用一个ul，td使用li 使用css设置li的宽度一致。
CSS布局常用的方法：float ： none | left | right 取值：none ： 默认值。
CSS布局常用的方法：float：none|left|right取值：none：默认值。
写第二列的宽度等于table的宽度减去第一列的宽度，需要用js控制获得两个元素的宽，相减后的结果是第二列元素宽度属性的值。但是这样做很麻烦。
用DIV+css制作一个单元长度的米字表格
）DIV+CSS是用来替换表格排版的，表格还是用table。2）可以尝试用ul li 做简单的表格 3）用DIV+CSS做表格的方法和做页面布局的方法一致，所以你要学习一下这方面，可以参考一下相关视频教程。
以WORD制作为例，点击插入表格，插入一个2X2的表格。之后在“表格工具”中将行宽与列宽设置为“10厘米”，可以占据整张A4纸。
要使用div做一个表格，主要需要应用到css中的border表框属性，这样看起来才像是一个表格。
怎样用div+css制作一个类似于表格的东西?
）DIV+CSS是用来替换表格排版的，表格还是用table。2）可以尝试用ul li 做简单的表格 3）用DIV+CSS做表格的方法和做页面布局的方法一致，所以你要学习一下这方面，可以参考一下相关视频教程。
直接用table+css很简单的就写出来了。为什么一定要DIV+CSS呢。该用table还是用table啥。直接用CSS控制表格的边框线就OK了。就用border-left，border-right，border-top，border-bottom.就性了。
如果你说是想要用表格做成那种效果的话，合并就行了，cellspaction（应该拼错了，去w3school查查看表格合并）再加上css样式来控制就可以了。其实完全不用那么麻烦，直接用div+css就可以实现的。
因为用div css写表格时，表格间的逻辑排列关系完全是靠自己手写代码判断，如果你没有很强的手写代码能力和逻辑性，你所花费的时间，比你用table制作时间至少是4倍左右。
动态网站中表格布局和DIVCSS布局哪种方法更适合?
div+css布局好，现在主流的网站均采用此种方法布局。div+css和表格相比较，其优点是其布局定位简单，表格布局需要使用文字做内容，当想修改部分内容就要改动整个表格甚至真个界面，不利于后期的维护和前期的开发。
；前几年的话大部分网站都是使用表格布局。2；随着最近几年的技术发展开始使用DIV+css来布局。
当然是div+css. 表格现在只能做为辅助. DIV+CSS的优与弊随着WEB0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV+CSS制作方法，而从实际应用情况来看，此种方法绝对好于表格制作页面的方法。
布局比较灵活：DIV+CSS想修改哪里就修改哪里，在网站改版的时候，甚至有时候只需要修改一个CSS即可，而TABLE想要修改，则需要改动表格，比较繁琐。
出了特别适合用表格的都是css布局好 Div+CSS标准的优点：大大缩减页面代码，提高页面浏览速度，缩减带宽成本；结构清晰，容易被搜索引擎搜索到，天生优化了seo 缩短改版时间。
table和div都是页面的元素，div优于table：table是比较早的标签，他有很多优点，布局简单，写起来快，兼容浏览器好，但代码复杂，后期维护复杂，而且速度慢，最重要的是搜索引擎对table不感冒。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
