div 隐藏_div的position属性
如果你想把div放到合適的位置，請(qǐng)看看這篇文章。
<!--
div的position屬性
-->
<html>
<style>
.red
{
height:100px;
background:red;
}
.green
{
height:100px;
background:green;
position:relative;
left:50px;
top:50px;
}
.black
{
height:100px;
background:black;
}
</style>
<div class="red"></div>
<div class="green"></div>
<div class="black"></div>
</html>
position是位置，定位。
定位，要選擇一個(gè)參考物。
比如我的左邊，我就是參考物。是我的左邊，不是別人的左邊。
綠色相對(duì)于原來的位置做了偏移。紅色，黑色不改變位置。
原來的位置，就是參考物。
偏移了多少呢？用left，top可以控制。
注意：left,top可以用正數(shù)，還可以用負(fù)數(shù)表示。
相對(duì)于原來的位置做調(diào)整。
top為負(fù)數(shù)，就是往上提
top為正數(shù)，就是往下移
left為正數(shù)，就是往右移
left為負(fù)數(shù)，就是往左移
正數(shù)和負(fù)數(shù)，表示兩個(gè)相反的方向。
position屬性的作用，就是可以把div塊，放到任意你想放的位置。
快速實(shí)現(xiàn)定位。
position取值absolute
<!--
div的position屬性
-->
<html>
<style>
.red
{
height:100px;
background:red;
}
.green
{
height:100px;
background:green;
position:absolute;
}
.black
{
height:100px;
background:black;
}
</style>
<div class="red"></div>
<div class="green">green</div>
<div class="black"></div>
</html>
參考物是瀏覽器左上角。
綠色div，他的top，left是相對(duì)于瀏覽器最左上角的偏移。
top，left可以設(shè)置為正數(shù)和負(fù)數(shù)，正數(shù)和負(fù)數(shù)代表方向相反。
綠色設(shè)置了absolute之后，黑色的位置也會(huì)發(fā)生變化。
position設(shè)置成了absolute，就會(huì)被下面的div上移覆蓋。
實(shí)現(xiàn)了隱藏div的功能。也就是脫離了文檔流。
參考網(wǎng)站：
CSS position 相對(duì)定位和絕對(duì)定位?www.runoob.com總結(jié)
以上是生活随笔為你收集整理的div 隐藏_div的position属性的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： key value vue 输出_Vue
- 下一篇： 两条边延长角会有什么变化_田园易经：什么