相同：設置后，對應的模塊都會脫離文檔流不同點：position相應的塊級元素會覆蓋下面的內容（文字，），而float只會覆蓋塊級元素，里面的文字會脫離出來 float是浮動定位，position是絕對定位 文檔流是文檔中可顯示對象在排列時所占用的位置。 快級元素 ...

1. display(元素顯示模式) display 屬性用來設置元素的顯示方式。 block 塊對象指的是元素顯示為一個方塊，默認顯示狀態下將占據整行，其它的元素只能另起一行顯示。 inlin ...

float屬性 先來了解一下block元素和inline元素在文檔流中的排列方式。 　　block元素通常被現實為獨立的一塊，獨占一行，多個block元素會各自新起一行，默認block元素寬度自動填滿其父元素寬度。block元素可以設置width、height、margin、padding屬性 ...

昨天做一個css的東西，在開始用js的時候才發現被float占位了 因為float浮動起來了，我清除了浮動，但是還是占位 然后我同事就告訴我其實可以不用float來左右浮動 在父元素上用display:flex完全就可以讓子元素左右浮動起來了 而且line-height也可以不用 ...

在父盒子使用了相對定位或者絕對固定位后，子盒子再使用flex彈性布局會失效；它們不能再一起共同使用； 解決思路：給子盒子再嵌套一個盒子； ...

二、定位（position） 　　初始狀態 　　1、相對浮動特點（relative）： ...

HTML(浮動、定位(float、position)) float屬性 定義：元素在那個反向浮動。以往這個屬性總用於圖像，是文本圍繞在圖像周圍，不過在CSS中，任何元素都可以浮動。浮動元素會生成一個塊級框，而不論它本身是何種元素。 如果浮動非替換元素，則要指定一個明確的寬度；否則，它們會盡 ...

原文 http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning 當構建頁面排版時，有不同的方法可以使用。使用哪一種 ...