HTML - 두 개의 divs가 나란히 나란히

Question

하나는 중앙에 있고 다른 하나는 고정되어있는 동안 두 개의 div가 나란히 있어야합니다. 나는 이미 그들을 나란히 만든다.

녹색 div의 플로트가 올바르지 만 고정 위치를 고정시킬 수는없는 문제가 있습니다. 그래서 스크롤 할 때 화면에 머 무르지 않습니다. :) 그냥 테스트에 대한 색상

죄송합니다.

#Body { 
    margin: 0 auto; 
    width: 800px; 
    background: #000; 
} 

#pinkdiv{ 
    position: relative; 
    background: #F09; 
} 

#greediv{ 
    position: fixed; 
    float:right; 
    width:250px; 
    background: #0F0; 
} 

어떤 도움이 필요합니까?

Answer 1

당신이 right:0;

당신이에 떠

Answer 2

발견 한대로 고정 위치에서 작동하지 않는 float:right 대신 right:0을 설정하십시오.

Answer 3

당신은 자바 스크립트하여 작업을 수행 할 수 있습니다

if(window.scrollTop() > 0){ 
    document.getElementById('elementId').style.position="fixed"; 
} 

이것은 당신이 스크롤되는 사업부의 위치를 ​​고정합니다.

Answer 4

사용할 수 없습니다 사용하여 당신이 오른쪽으로 사업부를 배치해야 할거야 고정 된 위치를 사용하려면 요소를 부동, 문서 흐름 밖으로 소요 고정 요소. 대신 다른 사람들이 제안한대로 right: 0을 사용해야합니다. 녹색 요소가 오른쪽 상단에 모두 표시되도록하려면 top: 0을 추가해야합니다.

Demo

#greediv{ 
    position: fixed; 
    right: 0; 
    top: 0; 
    width:250px; 
    background: #0F0; 
}