位置：首頁(yè) > 軟件操作教程 > 編程開發(fā) > CSS > 問題詳情

CSS 絕對(duì)定位

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-18

    如果使用絕對(duì)定位（Position: absolute),元素框從文檔流完全刪除，并相對(duì)于其包含塊定位。包含塊可能是文檔中的另一個(gè)元素或者是初始包含塊。元素原先在正常文檔流中所占的空間會(huì)關(guān)閉，就好像元素原來不存在一樣。元素定位后生成一個(gè)塊級(jí)框，而不論原來它在正常流中生成何種類型的框。

    下面通過案例來幫助大家理解絕對(duì)定位。

    【例題】使用絕對(duì)定位

    代碼如下：

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

div{

width: 200px;

height: 200px;

}

.d1{

background: pink;

}

.d2{

background: lightblue;

}

.d3{

background: yellowgreen;

}

</style>

</head>

<body>

<div></div>

<div></div>

<div></div>

</body>

</html>

image.png

繼續(xù)查找其他問題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部