- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 8百度安全衛士好用么_百度安全衛士技巧說明
- 9Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 10Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 11ipad版office如何激活? office365激活的圖文說明教程
- 12最新的Adobe Illustrator CS4序列號大全
[摘要]說到浮動首先我們要清楚一個概念，我們為什么設置浮動樣式？因為想讓DIV對象盒子實現靠左或靠右布局。這樣我們的網頁就可以做的更美觀，交互性更強，那么浮動的DIV和默認的DIV之間有什么不同呢？我們一起來看一下div浮動層與div層有何不同css中有什么關系首先DIV浮動層與DIV層都是指DIV布局，...
說到浮動首先我們要清楚一個概念，我們為什么設置浮動樣式？因為想讓DIV對象盒子實現靠左或靠右布局。這樣我們的網頁就可以做的更美觀，交互性更強，那么浮動的DIV和默認的DIV之間有什么不同呢？我們一起來看一下div浮動層與div層有何不同css中有什么關系
首先DIV浮動層與DIV層都是指DIV布局，一般使用CSS樣式表加DIV標簽組合進行布局網頁。
div層一般包括div浮動層，div浮動層說明div被加入css浮動樣式所以被稱為div浮動層，而沒有加入float浮動樣式不具有浮動效果，所以如果沒有被加浮動樣式div不被稱為浮動層。當然span、h1、ul、li等標簽也是層，只不過span、h1、ul、li等標簽沒有div使用頻率高，所以一般就將div作為象征性稱呼。
接下來告訴大家什么是一般層，什么是浮動層？為什么要使用div css浮動層。
完整DIV+CSS實例HTML代碼如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div層與浮動層</title>
<style>
.div{ width:400px; height:100px}
.div-a{ float:left; border:1px solid #F00; width:100px; height:80px}
.div-b{ float:right; border:1px solid #00F; width:100px; height:80px}
</style>
</head>
<body>
<div class="div">
<div class="div-a"></div>
<div class="div-b"></div>
</div>
</body>
</html>對象".div"沒有設置浮動，“.div-a”設置靠左浮動（float:left）,“.div-b”設置靠右浮動（float:right）。
層與浮動層總結
在以上實例中“.div”對象是普通層，而默認是不具有浮動效果的層，因為網頁內容是居左的所以看到此層居左，實際是沒有浮動樣式的一個DIV盒子層。而對象內子級“.div-a”和“.div-b”是設置float浮動所以變成了浮動層，從上可以看出他倆在“.div”盒子內一個靠左浮動一個靠右浮動。普通層與浮動層區別就是在于是否被設置了css float浮動樣式。
關于浮動的不同已經給大家介紹的很清楚了，更多精彩請關注php中文網其它相關文章！
相關閱讀：
以上就是div浮動層與默認的div層有什么關系的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
