div 隐藏_div的position属性
如果你想把div放到合適的位置，請看看這篇文章。
<!--
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是位置，定位。
定位，要選擇一個參考物。
比如我的左邊，我就是參考物。是我的左邊，不是別人的左邊。
綠色相對于原來的位置做了偏移。紅色，黑色不改變位置。
原來的位置，就是參考物。
偏移了多少呢？用left，top可以控制。
注意：left,top可以用正數，還可以用負數表示。
相對于原來的位置做調整。
top為負數，就是往上提
top為正數，就是往下移
left為正數，就是往右移
left為負數，就是往左移
正數和負數，表示兩個相反的方向。
position屬性的作用，就是可以把div塊，放到任意你想放的位置。
快速實現定位。
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是相對于瀏覽器最左上角的偏移。
top，left可以設置為正數和負數，正數和負數代表方向相反。
綠色設置了absolute之后，黑色的位置也會發生變化。
position設置成了absolute，就會被下面的div上移覆蓋。
實現了隱藏div的功能。也就是脫離了文檔流。
參考網站：
CSS position 相對定位和絕對定位?www.runoob.com總結
以上是生活随笔為你收集整理的div 隐藏_div的position属性的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： key value vue 输出_Vue
- 下一篇： 两条边延长角会有什么变化_田园易经：什么