fe6-2:CSS部分

沉着前进 2019-07-01

一、元素定位(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>

相关推荐

Enjoyendless / 0评论 2020-06-11

CoderChang / 0评论 2014-06-04