fe6-2:CSS部分

一、元素定位(position):
static、relative、absolute、fixed
其中,static是默认定位;
relative 是相对定位;
absolute 是完全绝对定位,忽略其他所有东西,往上浮动到 非 static 的元素;
fixed 基于 window 的绝对定位, 不随页面滚动改变

//relative
.square {
    color: black; 
    position: relative;
    top: -12px;
 }
<h1 class="green">E = MC<span class="square">2</span> 质能公式</h1> 

//absolute
.close {
    position: absolute;
    top: 0px;
    right: 0px;
}
<button class="close">X</button>

//fixed
.fixed {
    background: black;
    color: white;
    position: fixed;
    top: 0px;
    left: 0px;
}  
<button class="fixed">fixed按钮</button>
    原文作者:洛神_醉梦心
    原文地址: https://segmentfault.com/a/1190000018916493
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞