div同之前學的一樣也具有margin和padding屬性，如我們之前所了解的：
margin:容器之間的距離 ，可以理解為乙個div給自己在外面又套了一層棉襖，於是要佔更多的空間，只是這層棉襖在網頁中是看不見的（皇帝的新衣）；
padding:內容與邊框之間的距離，可以理解為div內部一塊不能使用的區域，就像乙個盒子，你給裡面糊了一層厚厚的紙，於是裡面空間變小了。
那麼我們先來了解一下乙個div的結構是什麼樣子的
數字3的區域是border，也就是div的邊框部分；
最外面的margin區域就是margin屬性所定義的區域，這裡沒有定義於是沒有數字；
綠色區域是padding屬性所定義的區域，這裡沒有定義於是也沒有數字；
最裡面藍色的94x84區域是div邊框內拋開padding部分剩餘的存放內容的區域；
當兩個div放在乙個div中我們看看一些margin之間的關係
第乙個div設定margin-bottom: 10px;
第二個div設定margin-top: 10px;
放在乙個div中的時候，第二個div在第乙個div的下方，而他們的margin部分是重疊的，如果設定兩個大小不一樣的margin，則是大的那個覆蓋掉小的部分。
當乙個div中放入另乙個div中，且外面乙個div設定padding-top:10px;，裡面乙個div設定margin-top:10px;時
我們選擇外面乙個div的padding部分如圖：
我們選擇裡面乙個div的margin部分如圖：
如上圖我們可以得知margin與padding區域是不會重疊的，而是會疊加。
其實div當我們設定乙個div的高度和寬度後，預設是內部元素所佔的空間（box-sizing: border-box;）
此時設定有margin和padding屬性的2層div實際的長寬的計算方法為：border-box:height/width = border+padding+content
還有另一div的屬性設定，div整個元素占用空間固定，內部div會自適應外面的div大小（box-sizing: content-box;）
此時設定有margin和padding屬性的2層div實際的長寬的計算方法為：content-box:height/width = content
鋼琴第四課
因為此前每天都練琴，曲譜也都記住了，所以，週六，臨時被老師喊去時，非常自信。學到了很多知識。1.連貫性方面 連貫性要注意 其實，連貫性在於對曲目的熟練程度，手指的靈活程度，還有不同音之間的連貫跳躍 音要連續 不同音，要連續連線在一起 這個音落下，上個音才起來 2.節奏方面 四分音符要短快，彈到了，立...
Android OpenGL教程 第四課
android opengl 教程 第四課旋 在這一課裡，我將教會你如何旋轉三角形和四邊形。左圖中的三角形沿y軸旋轉，四邊形沿著x軸旋轉。我們增加兩個變數來控制這兩個物件的旋轉。這兩個變數加在程式的開始處其他變數的後面。它們是浮點型別的變數，使得我們能夠非常精確地旋轉物件。浮點數包含小數字置，這意味...
Linux基礎 第四課
nfs伺服器設定 安裝sudo apt get install portma 安裝sudo apt get install nfs kernel server 配置檔案etc exports 增加共享的目錄 ip2位址以及許可權 啟動服務 service portmap start 然後啟動服務 s...