一、什么是Div+CSS
所谓Div + CSS,是指通过HTML「层」标签——<div></div>,辅以CSS中对该「层」宽度、排列等样式的定义,来实现网页布局的一种方式。
二、为什么要用Div
为什么要用Div取代Table?一言以蔽之:灵活。
Table的格式其实是一定的——首先要有一个表格,其次表格里要有行,每一行又分为许多列(单元格)。如果在同一行的某个单元格中,要布局放入更多内容,而左右两边的单元格不变的话,要怎么实现?
只能在单元格里再嵌套一个表格。如果嵌套层数少那还好,一旦层数多起来,绝逼要疯。这还是不涉及修改的情况。如果某天你老板拍脑袋说,把登陆模块给我从右边移到左边,你就等着加班吧。

与之相对地,用Div布局就远为灵活。首先,每一个<div></div>中都可以嵌入另外一个或几个<div></div>,子子孙孙可无穷尽也。另外,要修改某个Div的布局位置,也只需要相应的调整其CSS样式即可。
所谓Div + CSS,是指通过HTML「层」标签——<div></div>,辅以CSS中对该「层」宽度、排列等样式的定义,来实现网页布局的一种方式。
二、为什么要用Div
为什么要用Div取代Table?一言以蔽之:灵活。
Table的格式其实是一定的——首先要有一个表格,其次表格里要有行,每一行又分为许多列(单元格)。如果在同一行的某个单元格中,要布局放入更多内容,而左右两边的单元格不变的话,要怎么实现?
只能在单元格里再嵌套一个表格。如果嵌套层数少那还好,一旦层数多起来,绝逼要疯。这还是不涉及修改的情况。如果某天你老板拍脑袋说,把登陆模块给我从右边移到左边,你就等着加班吧。

与之相对地,用Div布局就远为灵活。首先,每一个<div></div>中都可以嵌入另外一个或几个<div></div>,子子孙孙可无穷尽也。另外,要修改某个Div的布局位置,也只需要相应的调整其CSS样式即可。


惺惺相惜
