html分相對定位和絕對定位
絕對定位元素會去尋找擁有定位屬性的父元素，如果沒有就會一直向上找知道body標籤為止
charset="utf-8">
title>
type="text/css">
#box1
#box2
#box3
style>
head>
id="box1">
div>
id="box2">
div>
id="box3">
div>
body>
html>
在上面的**的基礎上修改,順便說一下絕對定位的層次問題
charset="utf-8">
title>
#box1
#box2
#box3
head>
/*使用第乙個盒子*/
id="box1">
div>
/*使用第二個盒子*/
id="box2">
div>
/*使用第三個盒子*/
id="box3">
div>
body>
html>
相對定位是不會脫離文件影響後面的元素
相對定位是相對自己本身原來所在的位置進行改變
charset="utf-8">
title>
type="text/css">
#box1
#box2
#box3
style>
head>
/*使用上面的盒子*/
id="box1">
div>
id="box2">
div>
id="box3">
div>
body>
html>
如果沒有就會一直找直到找到body標籤為止
charset="utf-8">
title>
type="text/css">
html,body
#box1
#box2
#innerbox1
#innerbox2
#pink
#purple
/*定位元素會去尋找擁有定位屬性的父元素，如果沒有就會一直網上找直到body標籤*/
style>
head>
id="box1">
div>
id="box2">
id="innerbox1">
id='pink'>
div>
div>
id="innerbox2">
id="purple">
div>
div>
div>
body>
html>
HTML中的幾種定位方式
當你沒有為乙個元素 例如div 指定定位方式時，預設為static，也就是按照文件的流式 flow 定位，將元素放到乙個合適的地方。所以在不同的解析度下，採用流式定位能很好的自適合，取得相對較好的布局效果。一般來說，我們不需要指明當前元素的定位方式是static 因為這是預設的定位方式。除非你想覆蓋...
html中的幾種定位方式
1，static 預設 當你沒有為乙個元素 例如div 指定定位方式時，預設為static，也就是按照文件的流式 flow 定位，將元素放到乙個合適的地方。所以在不同的解析度下，採用流式定位能很好的自適合，取得相對較好的布局效果。一般來說，我們不需要指明當前元素的定位方式是static 因為這是預設...
html 定位 CSS Position定位
說明position 屬性指定了元素的定位型別。position 屬性的五個值 元素可以使用的頂部，底部，左側和右側屬性定位。所有的css定位屬性 bottom 定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。值 clip 剪輯乙個絕對定位的元素 cursor 顯示游標移動到指定的型別 lef...