为什么要使用div css布局（为什么要使用div+css布局）-易百易数码科技

css边框为什么要加div

因为 "div" 是一种网页标签；在网页代码中，代表一个容器。div 的前身是 table 标签，也是一种容器，把它叫做“表格”，和div一样都是用来做网页布局的。

不管容器或盒子，就要是材料，材料是有形状的，有壁厚的(就是外有边框，内有空间大小)。而css可以控制它们的壁厚，和空间大小; css对table的控制同对div的控制一样便捷; 这个层容器里页装的，当然就是网页内容。

所以，为了把网页做得漂亮，就要能对这个"div"进行设置、控制，用css 层叠样式表来作非常容易，且风格统一化，而被现在的网页制作者所使用。故所以，css边框为什么要加div了。

网页设计采用div+css的好处：

1、div+css有利于搜索引擎爬虫：一般而言相同网页页面html文件table布局字节大于div+css布局的字节，所以可以节约搜索引擎爬虫爬行下载页面内容时间。

2、重构页面修改方便（div+css改版方便）：一般DIV+CSS页面都是html和css文件分开的也就是说一个网页的内容与表现形式的分离，一般修改小小部分的css文件里css样式属性就可以修改真站的样式版面，如背景颜色、字体颜色、网站宽度等具有table不具备的方便性。

3、div+css页面增加网页打开速度：这里是特性决定了他们的性能，因为div+css页面是div的html和css文件分开的，而浏览器打开该网页的时候是同时下载html和css，所以可以提高网页打开速度，而table还有个特性就是浏览器打开的时候必须是浏览器下载以

结束后才显示该块的内容，而div的html是边加载边将内容呈现到浏览器上，div+css网站大大增强用户体验作用。大家都知道网页多等1秒钟都会降低浏览者的等待时间。

div是框架，css是样式，用来装饰框架；详细点来说，div就是给整个网页布局，css就是负责控制div的样式，想让div在哪里怎么显示，都可以通过css来实现。而div+css是一种网页布局方法，是指通过css控制div的布局。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

div 是框架，css 是样式，用来装饰框架。JS 让它们动起来。再说详细点，div就是给整个网页布局，css 就是负责控制div的样式，想让 div 在哪里怎么显示，都可以通过 css 来实现，简单的说网页布局就像盖房子，div 负责把这栋房子盖起来，而 css 负责告诉他怎么盖！

而DIV+CSS是WEB设计标准，它是一种网页的布局方法，是指通过 css 控制 div 的布局。其实这儿 div 可以理解为统称，实际应用的不仅是div，还有p，span，img，table 等任意节点的定位都可以通过 css 来控制。

网页面布局:

1、TABLE表格布局。有甚者优点：布局容易、快捷、兼容性好。缺点：改动不便，需重新调整，工作量大。

2、DIV+CSS。优点：布局灵活、改动方便。缺点：需考虑平台的兼容性，对制作人员技能要求转高。

到此，以上就是小编对于为什么要使用div+css布局的问题就介绍到这了，希望介绍的4点解答对大家有用，有任何问题和不懂的，欢迎各位老师在评论区讨论，给我留言。