html css 悬浮 position:fixed,html - CSS position: fixed - Stack Overflow

I'm having difficulty fixing a problem in my html/css code for the position attribute. I want to have a word "Social" to the right and bottom with a fixed position so I can scroll with it in the same spot. I can't even get it to the right and bottom regardless of what positioning it is. Please tell me where my problem may be stemming from so I can fix it.

Template_

.container{

position:relative;

width= 100%;

height= 100%;

overflow=scroll;

}

.banner{

position:absolute;

margin:5px;

width:90%;

right: 0px;

}

.banner .test{

font-weight: 900;

font-size: 3em;

margin:10px;

font-variant: small-caps;

}

.banner .logo{

position: ;

}

.social_bar{

width: 300px;

border: 3px solid #73AD21;

}

#social_strip{

position: fixed;

bottom: 0px;

right: 0px;

}

.content_container{

position: relative;

margin:5px;

padding:5px;

}

social

Banner

Test

Content