將div設置爲固定在相對位置

Question

是否可以在其繪製的位置製作div fixed（標準「static/relative」位置）？

所以我想div .one,.three和.four被固定在它最初繪製的位置。這樣它就不會滾動。 https://jsfiddle.net/sor8hntk/2/

Answer 1

是的！ https://jsfiddle.net/sor8hntk/7/

body { 
    margin-top:40px; 
} 

.one { 
    float:left; 
    background-color:green; 
    width:33%; 
    height:50px; 
    position: fixed; 
} 
.two { 
    float:left; 
    background-color:red; 
    width:33%; 
    height:500px; 
    left: 33%; 
    position: absolute; 
} 

.three { 
    float:left; 
    background-color:blue; 
    width:33%; 
    height:50px; 
    position: fixed; 
    left: 66%; 
} 

.four { 
    width:33%; 
    background-color:purple; 
    height:10px; 
    position: fixed; 
} 

.five { 
    width:100%; 
    background-color:pink; 
    margin-top: 10px; 
} 

.six { 
    width:100%; 
    height:10px; 
    background-color:yellow; 
}