1. 程式人生 > >CSS進階(十一)position:fixed

CSS進階(十一)position:fixed

容器 hid ali overflow lin 元素 -a idt fixed

固定定位元素的包含快是根元素

類似於無依賴的絕對定位,利用無依賴的固定定位也可以在元素內部實現一個fixed定位

<div class="father">
 <div class="right">
 &nbsp;<div class="son"></div>
 </div>
</div>
.father {
 width: 300px; height: 200px;
 position: relative;
}
.right {
 height: 0;
 text-align: right;
 overflow: hidden;
}
.son {
 display: inline;
 width: 40px; height: 40px;
 position: fixed;
 margin-left: -40px;
} 

可以使用absolute來模擬一個fixed,具體實現是用一個div作為body的子元素,充當滾動容器。但需要謹慎使用

CSS進階(十一)position:fixed