下面我们一起来实现以下创建一个父div，然后创建两个子div，代码如下给div加上css样式，分别给他们设置背景颜色，父div可以不设置，子div设置绿色，然后给div加上浮动代码即可，quotfloatleftquot我们来写一下代码下面我们来；要让两个 div 元素在同一行显示，你可以使用 CSS 的 display 属性并设置为 inlineblock这样，两个 div 元素将像内联元素一样排列在同一行，但仍然保留块级元素的特性以下是一个简单的示例HTML 代码CSS 代码效；通俗认识div，div作用就是实现布局实现对内容样式控制实现各种各样的布局效果DIV的用法实例，这里通过对div设置不同CSS样式，观察其效果DIV+CSS实例完整HTML源代码lt！DOCTYPE html lthtml lthead ltmeta charset=quot；打开html开发软件，在html开发工具上新建一个html页面，用于实现多个div显示在同一行上在html代码页面上创建两个div标签，然后给这个两个div标签添加class类，案例中class类分别为one，two 创建div代码 div class=#。

1设置每个div的展现属性为行内样式，示例代码为ltdiv class=quotappquot ltdiv style=quotdisplayinlineblockbackground#f00quotdiv1ltdiv ltdiv style=quotdisplayinlineblockbackground#0f0marginleft10pxquotd；ltdiv id=quotccquot子divltdiv ltdiv 3如果子div使用了float属性，此时已经脱离标准流，父div不会随内容的高度变化而变化，解决的办法是在浮动的div下面，加一个空div，设置clear属性both 未加空div代码ltstyle type=；用一个div作为主框架，嵌套图片和文字内容两个div，同时使用浮动功能，代码步骤如下1先输入ltdiv class=quotheaderquot，建立一个主框架，如下图红框所示2设置框架的样式，根据需要设置即可，如下图红框所示，代码如下；可以采用浮动的方法，只要宽度足够，两个div就可以在一排显示打div里面包含两个小div方法如下1创建一个大div代码如下main floatleftborder1px width100% 2创建一个左边小div 代码如下lef。

div设计长宽的方法在div中加css就可以了代码如下ltdiv class=quotbox1quotltdiv，然后在css文档里加上，box1 width300px height500px DIV是层叠样式表中的定位技术，全称DIVision，即为划分有时可以称其为；标题的对齐 ltH？ ALIGN=LEFTCENTERRIGHTltH？ 区分ltDIVltDIV 区分的对齐 ltDIV ALIGN=LEFTRIGHTCENTERJUSTIFYltDIV 引文区块 ltBLOCKQUOTEltBLOCKQUOTE 通常会内缩 强调ltEMltEM 通常会以斜体显示 特别强；html让文字一部分靠左显示，另外一部分靠右显示的代码如下1使用float样式，让文字左右浮动即可，先输入向左浮动的文字，示例代码如下ltdiv style=quotfloatleftquot明月几时有把酒问青天ltdiv 2然后输入向右浮动的；解决方法在P对象上下各加2个空的div对象CSS代码1或者为DIV加上border属性*IE与Firefox的CSS兼容大全* 1DOCTYPE 影响 CSS 处理 2FF div 设置 marginleft， marginright 为 auto 时已经居中， IE 不行 3FF body。

* moztransition 5s easeinout*这里为了兼容其他浏览器* otransition 5s easeinoutbackgroundimage urlquotship_threeimagestlpngquot 可以，没问题CSS代码就是上面的；前端代码div+css，就是现在一种网页设计的一种实现方式，通过div+css，可以现在对一些杂乱无章的图片和文字，进行排版和使用，从而实现了人们通常看到的漂亮的网页，具体看下代码lthead ltlink rel=quotstylesheetquot type=quot；第一种方法，定位法container positionrelativewidth800px container #leftDivpositionabsolutewidth200pxleft0top0 container #rightDivpositonabsolutewidth600pxleft200pxtop0 第二种，对#。

简易套用代码详解ltdiv align=quotcenterquot是定义帖子居中lttable border=quot1quot width=quot90%quot height=quot403quot background=quot背景图片地址quotlttrlttd width=quot80%quot height=quot100%quot这其中的border=quot1quot是定义表格边线的宽度，定义为0则无。