一、普通流
普通流中元素框的位置由元素在html中的位置決定。塊級元素從上到下依次排列，框之間的垂直距離由框的垂直margin計算得到。行內元素在一行中水平布置。
二、定位
１、相對定位
被看作普通流定位模型的一部分，定位元素的位置相對於它在普通流中的位置進行移動。使用相對定位的元素不管它是否進行移動，元素仍要佔據它原來的位置。移動元素會導致它覆蓋其他的框。相對定位不影響其父類元素和兄弟元素。
２、絕對定位
相對於已定位的最近的祖先元素（position 不為static的元素），如果沒有已定位的最近的祖先元素，那麼它的位置就相對於最初的包含塊。絕對定位的框可以從它的包含塊向上、下、左、右移動。
絕對定位的框脫離普通流，所以它可以覆蓋頁面上的其他元素，可以通過設定ｚ-iindex屬性來控制這些框的堆放次序。
３、固定定位
相對於瀏覽器視窗，其餘的特點類似於絕對定位，也就是在移動視窗的時候，元素位置不變。
三、浮動
浮動的框可以在左右移動，直到它的外邊框邊緣碰到包含框或另乙個浮動框的邊緣。浮動的框脫離普通流。
如果包含塊太窄，無法容納水平排列的浮動元素，那麼其他浮動塊向下移動，直到有足夠多的空間。如果浮動元素的高度不同，那麼當它們向下移動時可能會被其他浮動元素卡住。
行內元素會圍繞著浮動框排列。
定位的三種方式
1.wifi定位，ip位址定位，通過ip位址進行查詢實際位址 2.基站定位，訊號塔，基站 手機通訊服務的裝置 訊號的格數決定了手機距離基站遠近，精確度 幾十公尺到幾公里，精確度來自於基站的數量 wifi定位和基站定位侷限性 不能定位海拔 3.gps定位，通過和gps定位衛星通訊進行定位的，使用最少衛...
iOS中三種定位方式
每個手機基站都有乙個識別符號，iphone或3g ipad可以蒐集周圍所有收到訊號的基站和它們的識別符號，通過聯網傳送到蘋果雲端伺服器，再由伺服器根據這些基站的的位置資訊查詢並計算出當前位置，然後返回給手機。因為基站訊號輻射範圍大，所以誤差也大，在500公尺 幾公里.定位速度最快,耗電最少，誤差幾百...
三種方式實現聖杯布局
聖杯布局是一種很常見的css布局。他要求 本文會用三種方法來實現聖杯布局，分別是浮動，flexbox以及css grid。這裡是頭部 這裡是底部 header,footer container這一步驟，首先給底部區域清除浮動，防止跟隨上邊的區域一起浮動。另外 把中，左，右三個區域設定成度浮動。給左右...