1,內外層均不設定postion,一般巢狀關係。
2,僅外div設定relative,一般巢狀關係。
3,僅內div設定absolute,文件中為巢狀關係,頁面中內div浮起[非float],相對於頁面定位,與外div無關。
4,外div設定relative,內div設定absolute,內div浮起來並相對於外div定位。(ff中:如果d3和d2位置交叉d3浮於d2上邊)
5,外div設定relative,內div設定relative,內div浮起來並相對於外div定位。(ff中:如果d3和d2位置交叉d3在d2下邊,好像d3相對於d2定位)
div布局 相對定位 絕對定位 固定定位
當用div布局,相對定位時 乙個div包含另乙個div 子div的位置是相對於母div來設定的 從母div左上角開始算 margin可以活動到母div外圍而不會把母div撐大,padding則總是在母div內部折騰,會把母div撐大。當用div布局,絕對定位時,div位置是相對整個頁面來設定的 從整...
CSS控制DIV絕對定位 相對定位的技巧
我們在網頁設計中常常會用到position屬性,裡面有5個值,分別是 absolute fixed relative static inherit。常用到的其實就是absolute和fixed。absolute 生成絕對定位的元素,相對於 static 定位以外的第乙個父元素進行定位。fixed 生...
絕對定位和相對定位
換了乙個新工作,一上來就是改前台web頁面之類的東西,工作這麼久以來web css之類的只是皮毛級應用,知之勝少,搞乙個css定位之類的東西還讓我費了好大一番勁,丟人啊。研究了以下,稍微總結一下吧。絕對定位和相對定位 這裡以div容器為例 1 相對定位 元素框偏移某個距離。元素仍保持其未定位前的形狀...