1、1正文示例，编写div标记对2然后我们设置div的宽度和高度需要注意的是，如果没有设置宽度，默认为100%，会占据整个页面3然后，我们给div添加一个深粉色的背景色，方便我们直观的看到div的布局4然后预览div布局的预览效果如你所见，div默认在浏览器左侧附近，远离右侧，所以不居中5然；这个比较简单，可以拆分一下，先上下布局，在子区域里左右布局ltdiv ltdiv style=quotfloatleftwidth49%quot上左ltdiv ltdiv style=quotfloatrightwidth49%quot上右ltdiv ltdiv ltdiv ltdiv style=quotfloatleftwidth49%quot下左ltdiv ltdiv style=quotfloatrightwidth49%quot下右ltdiv；首先把这两个div写在html代码中，如下代码所示ltdiv class=quotcontentquot第一个divltdiv ltdiv class=quotcontentquot第二个divltdiv 其次再css样式里面对这两个div控制，让其左浮动，或者右浮动，根据自己需要调整下面给出例子，div的高是253px，宽是280px，让其两个左浮动，这样两个div就；根据兼容的浏览器数据拼接代码的可维护性和扩展性等因素来决定CSS布局方法合理的布局不仅可以提升页面的美观度，还能减少代码量在CSS处理网页布局时，有许多技巧可循，下面介绍一些CSS布局技巧实例及CSS布局模型CSS的基础布局方法 1块区域介绍 HTML代码示例ltbodyltdiv这是一个段落ltdivlt；在HTML中实现div左右布局，可借助CSS的浮动和定位属性具体操作如下示例代码如上，父元素div的宽度设定为800px，高度为500px，利用margin属性使其居中左侧div宽度设定为200px，同样高度500px，采用浮动使元素靠左排列右侧div宽度为600px，高度同前，通过相对定位将其左侧位置设置在左侧div右侧以此方式；一选择“div标签”命令 打开dreamweaver，新建网页并保存为“diehtml”，选择插入布局对象div标签命令，打开“div标签”对话框二输入div标签名称 1在“ID”列表框中选择“top”2单击“新建css规则”按钮准备进行css规则定义 三新建css规则 在打开的对话框中保持默认设置，单击“。

2、1启动dreamweaver cs5，在弹出的对话框窗口中选择html，进入主界面编辑区域2接着对网页的整个布局在草纸上绘制下来，做到心中有数，主要分成那几个模块主要有脚注菜单导航主体导航条四大部分3接着点击设计进入设计状态，在代码区域书写整体框架的css，即 ztkj｛width80%boder1px；lt！DOCTYPE htmllthtmlltheadltmeta。

3、在HTML中，要实现div内部文字的居中布局，可以通过CSS的textalign属性轻松完成首先，打开HBuilder编辑器，新建一个HTML文件，并开启边改边看模式在代码中，创建一个div元素，并在其内部添加所需的文字内容接着，为了使div区域更加明显，我们可以在CSS样式中为这个div添加必要的样式，比如改变背景色；确定页面结构和内容是页面布局的首要步骤，这涉及到对网站需求的明确理解，包括要展示哪些内容，页面的基本结构是怎样的等创建基本的HTML结构，通过使用div元素来划分页面区域，每个div代表一个独立的页面元素，这是构建页面布局的基础在使用CSS进行样式设计阶段，通过定义CSS规则来设置每个div元素的视觉表现；需要准备的材料分别有电脑浏览器html编辑器1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的“ltdiv id=quotbodyleftquot”中添加“style=quotfloat leftquot”3浏览器运行indexhtml页面，此时ltdiv id=quotbodyleftquot和ltdiv id=quotbodyrightquot；在HTML中让两个div并排显示，通常情况下有三种实现方式，包括1设置为行内样式，displayinlineblock 2设置float浮动 3设置position定位属性为absolute 以下为三种方式的具体实现代码1设置每个div的展现属性为行内样式，示例代码为ltdiv class=quotappquot ltdiv style=quotdisplayinline。

4、6在testhtml文件内，在网页的中部，创建两个div，用于将中部为两部分，每一个部分宽度为50%，左部分使用floatleft设置左浮动，右部分使用floatright设置右浮动7在testhtml文件内，使用div创建网页的底部，使用clearboth清除上面div的浮动，避免影响底部的布局同时，使用margin0 auto设置div；在HTML页面布局中，让div元素居中的方法主要有两种margin方法和position方法这两种方法都能有效地实现div元素的水平和垂直居中首先，使用margin方法，可以通过设置div的左右margin值使其居中具体操作是，计算父元素宽度减去div宽度后除以2，得到的值设置为marginleft，同时计算父元素高度减去div高度后。

5、简述CSS+DIV布局的常用方法1方法一对div使用绝对布局positionabsolute并设置top，left，right，bottom的值相等，但不一定都等于0并且设置marginauto方法二这个方法要知道div的宽度和高度2DIVCSS网站布局中border，margin与padding的简写语法有特定顺序，从上方开始顺时针方向转动top。

6、1div现在一般网页的布局都是使用的div+css来布局，div的话，就是通过2div的嵌套使用来完成整个网页的布局，你可以将div理解成一个一个的块，然后在div块中写入P等等标签，然后再通过CSS来修饰就行了，如高度，宽度，背景3testusemenusemenltinput type=quottextquot style=quotborder1px solid。