整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
：語法
2：作用
div 標簽可以用來劃分 HTML 結構，從而配合 CSS 來整體控制某一塊的樣式。
div 標簽是塊級元素，它可用做組合其它 HTML 元素的容器。
div 標簽可以用作嚴格的組織工具，如果用 id 或 class 來標記 div 標簽，則 div 標簽的作用會更加完美。
3：例子
我們以 “堅持就是勝利” 這句話的中英文書寫方式為例，看一下 div 是如何劃分結構的
首先先看一下編輯器效果，如下
再來看一下瀏覽器的運行效果，如下
如果我們把 div 標簽去掉，只用段落標簽 p 來實現，其實瀏覽器的運行效果是一樣的，那我們為什么還要用 div 標簽呢 ，這不是多此一舉嗎？
其實不然，這是在代碼量比較少的情況下，兩者的差距不明顯，但如果代碼有成百上千行的時候，就體現到了 div 標簽劃分結構的作用，同時也使代碼更具有邏輯性。
總結來說，div 標簽最重要的用途是劃分區域，然后再結合 CSS ，針對指定區域進行樣式控制。
我自己是一名從事了多年開發的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關注我的頭條號并在后臺私信我：前端，即可免費獲取
原文鏈接：https://blog.csdn.net/qq_42351033/article/details/102680545
端web頁面中，js可以很方便的獲取div元素的高度和寬度，那么這篇文章就說一說原生JS與JQ如何快速的獲取DIV元素的高度和寬度的方法。
js獲取div元素的高度與寬度要用的 clientHeight 與 clientWidth方法
clientHeight：返回元素的可視高度
clientWidth：返回元素的可視寬度
示例代碼：
<div id="mochu" style="height: 200px;width:150px;color:#fff;background-color: blueviolet;">
飛鳥慕魚博客
</div>
<script>
//獲取高度
var h = document.getElementById('mochu').clientHeight;
//獲取寬度
var w = document.getElementById('mochu').clientWidth;
console.log(h);
console.log(w);
</script>
打印結果：
200
150
注釋：<div> 元素常用作布局工具，因為能夠輕松地通過 CSS 對其進行定位。
這個例子使用了四個 <div> 元素來創建多列布局：
<html>
<head>
<style>
#header {
background-color:#1aaa11;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
color:#faaaff;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:#166611;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div id="header">
<h1>天華信息教育</h1>
</div>
<div id="nav" >
第一組<br>
第二組<br>
第三組<br>
</div>
<div id="section">
<h2>這是標題</h2>
<p>
這是內容
</p>
<p>
這是內容
</p>
</div>
<div id="footer">
天華信息教育
</div>
</body>
</html>
HTML基礎教程：div元素實現布局
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
