브라우저 크기가 축소되면 Div가 계속 랩핑됩니다.

Question

찾아보기의 크기를 왼쪽으로 조정할 때 div가 아래에 배치/이동하는 것을 어떻게 중지합니까? 이 상자 하나만 제외하고 페이지의 다른 모든 항목은 계속 유지됩니다. 나는 그것을 움직이지 않고 사용자가 브라우저를 사용하여 오른쪽 스크롤을 보도록하고 싶다.

#signup_box { 
    width: 363px; 
    height: 392px; 
    float: right; 
    margin-right: -34px; 
    min-width: 363px; 
} 

Answer 1

당신은 그것을 떠 다니고 있습니다. 포장합니다. 수동으로 위치 같은 것을보십시오 :

#signup_box { 
    width: 363px; 
    height: 392px; 
    position:absolute; 
    right:34px; 
    top:0px; 
    min-width: 363px; 
} 

Answer 2

당신은 float: right;를 사용하여 DIV를 떠 한을, 그래서 위치 ("부동") 필요에 따라 조정됩니다.

float을 제거하면이 동작을 중지하고 페이지가이 (및 기타 관련) 요소의 너비를 수용 할 수있을만큼 넓어 지도록 할 수 있습니다.

Answer 3

시도 overflow: scroll

Answer 4

아니요,이 작업을 수행하는 간단한 방법이 있습니다 ... 작동하지만 css3입니다. 하지만 시도해 볼 수 있습니다 :

div { 
white-space: nowrap; 
} 

작동하는 경우 회신하십시오! 감사! 그건 그렇고, 모든 요소에 넣거나 그냥 컨테이너에 넣으면 작동합니다. 이렇게하면