HTML+CSS和DIV如何实现排版布局
使用CSS和div布局，你可以先把整个网页划分成几块，然后在html里每一块用一个div框起来，然后对相应的div定义CSS，将其放置到网页中相应的位置，完成整体布局。
新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。
使用cssfloat并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。
为什么要用div+css来进行网页布局?
1、修改设计时更有效率。由于使用了DIV+CSS制作方法，使内容和结构分离，在修改页面的时候更加容易省时。
2、使用 div 和 CSS 可以使页面结构更加清晰，代码更易于维护。可重用性： CSS 可以被多个页面重用，减少了代码冗余。易于修改： 使用 CSS 可以轻松地更改页面的布局和样式。
3、div标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用id或class来标记＜div，那么该标签的作用会变得更加有效。
4、。CSS+DIV制作的网站使得网站改版相对简单，很多问题只需要改变CSS而不需要改动程序，从而降低了网站改版的成本。缺点：1。对于CSS的高度依赖使得网页设计变得比较复杂。
总结几种常见的div+css布局实例
1、我称之为“果冻依赖型元素”，又称之为“inline-block依赖型元素”，也就是说，只有一个元素属于inline或是inline-block（table-cell也可以理解为inline-block水平）水平，其身上的vertical-align属性才会起作用。
2、方法一：float+margin 思路：左边浮动，右边加上一个margin-left值，即可实现左边固定，右边自适应布局。
3、Float：Float属性是DIV+CSS布局中最基本也是最常用的属性，用于实现多列功能，div标签默认一行只能显示一个，而使用Float属性可以实现一行显示多个div的功能，最直接解释方法就是能实现表格布局的多列功能。
网页设计中采用div+css布局,这里的DIV是什么意思?
1、div就是层，把网站结构和网页内容分开。div负责网页内容，用css控制内容在页面上的表现形式。如文字、图片、视频等在网页上的位置、字体、字号、大小、颜色、背景等等。
2、div属于web前端的学习内容，其中div 标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。div 可定义文档中的分区或节（division/section）。
3、div可定义文档中的分区或节（division/section）。div标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用id或class来标记div，那么该标签的作用会变得更加有效。
如何用DIV+CSS进行网页样式布局
定位布局 静态定位 position：static；默认值，不写position相当于写上position：static；以前没学定位的时候其实都是静态定位，元素在它原本的位置显示，即使加了top、left等也不起作用。
使用cssfloat并排显示：对div设置一个float浮动属性即可解决不并排显示，只要并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。加float浮动实现多个div并排显示。
DIV + CSS布局相关内容 DIV+CSS布局样式详解a 符合 W3C标准，微软等公司均为 W3C支持者。
在浏览器上是粉色的，表示已经受到css样式表的控制了。
选择“div标签”命令 打开dreamweaver，新建网页并保存为“die.html”，选择【插入】【布局对象】【div标签】命令，打开“div标签”对话框。