自適應相關

1.<div> 可以不設置寬度和高度   他裏面的內容只要不是浮動的  就會被自動撐開。

2.如果<div>不設置寬高度 但是他裏面的內容是浮動的  那就不會被自動撐開   到div下面去了    解決辦法就是在最後新建一個空<div>  在裏面清除浮動。

3.在給<div>設置background-img/color的時候一定要設置寬高 或者裏面有元素  不然是沒用的。   

4.當<div>的寬度和高度（前提設置了寬高）不能容下元素時會發生溢出問題 。

自適應：

1.不設置高度 只設置寬度（百分比）    （當然看需求）。

2.如果要換行就在前一個div中最後一個元素清除浮動。

3.高度從不設置，只用內容來撐開，還有padding margin。

4.相對字體1em=16px。

5.做好規劃。

6.自適應重點media query   

外部引入：<link rel="stylesheet" type="text/css" media="screen and(max-device-width:600px)" href="css/tinyScreen.css">

css內部：1.@import url("tinyScreen2.css") screen and(max-device-width: 600px);

	       2.@media screen and(max-device-width: 400px){

		}