下面我們一起來實現(xiàn)以下創(chuàng)建一個父div，然后創(chuàng)建兩個子div，代碼如下給div加上css樣式，分別給他們設置背景顏色，父div可以不設置，子div設置綠色，然后給div加上浮動代碼即可，quotfloatleftquot我們來寫一下代碼下面我們來；要讓兩個 div 元素在同一行顯示，你可以使用 CSS 的 display 屬性并設置為 inlineblock這樣，兩個 div 元素將像內聯(lián)元素一樣排列在同一行，但仍然保留塊級元素的特性以下是一個簡單的示例HTML 代碼CSS 代碼效；通俗認識div，div作用就是實現(xiàn)布局實現(xiàn)對內容樣式控制實現(xiàn)各種各樣的布局效果DIV的用法實例，這里通過對div設置不同CSS樣式，觀察其效果DIV+CSS實例完整HTML源代碼lt！DOCTYPE html lthtml lthead ltmeta charset=quot；打開html開發(fā)軟件，在html開發(fā)工具上新建一個html頁面，用于實現(xiàn)多個div顯示在同一行上在html代碼頁面上創(chuàng)建兩個div標簽，然后給這個兩個div標簽添加class類，案例中class類分別為one，two 創(chuàng)建div代碼 div class=#。

1設置每個div的展現(xiàn)屬性為行內樣式，示例代碼為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創(chuàng)建一個大div代碼如下main floatleftborder1px width100% 2創(chuàng)建一個左邊小div 代碼如下lef。

div設計長寬的方法在div中加css就可以了代碼如下ltdiv class=quotbox1quotltdiv，然后在css文檔里加上，box1 width300px height500px DIV是層疊樣式表中的定位技術，全稱DIVision，即為劃分有時可以稱其為；標題的對齊 ltH？ ALIGN=LEFTCENTERRIGHTltH？ 區(qū)分ltDIVltDIV 區(qū)分的對齊 ltDIV ALIGN=LEFTRIGHTCENTERJUSTIFYltDIV 引文區(qū)塊 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，就是現(xiàn)在一種網頁設計的一種實現(xiàn)方式，通過div+css，可以現(xiàn)在對一些雜亂無章的圖片和文字，進行排版和使用，從而實現(xiàn)了人們通?？吹降钠恋木W頁，具體看下代碼lthead ltlink rel=quotstylesheetquot type=quot；第一種方法，定位法container positionrelativewidth800px container #leftDivpositionabsolutewidth200pxleft0top0 container #rightDivpositonabsolutewidth600pxleft200pxtop0 第二種，對#。

簡易套用代碼詳解ltdiv align=quotcenterquot是定義帖子居中l(wèi)ttable border=quot1quot width=quot90%quot height=quot403quot background=quot背景圖片地址quotlttrlttd width=quot80%quot height=quot100%quot這其中的border=quot1quot是定義表格邊線的寬度，定義為0則無。