크기 조정시 다른 div에서 div를 어떻게 축소 할 수 있습니까?

왼쪽 열과 오른쪽 열이 있습니다. 브라우저의 크기를 작게 조정하면 오른쪽 열이 왼쪽으로 흘러갑니다. 오른쪽 기둥이 왼쪽 아래로 붕괴되기를 바랍니다. 어떻게해야합니까?크기 조정시 다른 div에서 div를 어떻게 축소 할 수 있습니까?

<div class = "container"> 
<div class = "left-column"> A bunch of content </div> 
<div class = "right-column"> A bunch of more content </div> 
</div> 

.container { width: 100%; } 
.left-column { width: 50%; } 
.right-column { width: 50%; }

출처

2013-07-17 vintorg

여기에 공백이 있습니다. 최소한 CSS와 HTML 마크 업을 추가하십시오. –

ajsiddle.net을 작성하십시오. – iConnor

코드를 보지 않아도 알기가 어렵습니다.

나는 보통 그 및 최대 폭에

출처

2013-07-17 08:25:46 iConnor

질문에 코드가 없으면이 답변이 게시 된 것 같습니다. 브라우저의 크기를 조정할 때 문제의 두 div가 서로 옆에 있고 오른쪽 div가 왼쪽 아래로 접히는 방식을 적용하려면 어떻게해야합니까? 미디어 쿼리가없는 경우이 방법이 가능합니까? 또는 백분율 대신에 픽셀 (픽셀)을 사용하는 경우에만 가능합니까? – Rolo

@media screen and (max-width: 600px){ 

    .right-column{ 
    float:none; 
    display:block; 
    width:100%; 
    } 
}

를 사용하여 미디어 쿼리 .. 따라 width:100%; 또는 display:block이 작업을 수행 : 당신이 바로 열은 새로운 라인에 해당하고 싶어 UR 해상도를 설정 600PX ...

출처

2013-07-17 08:30:01

크기 조정시 다른 div에서 div를 어떻게 축소 할 수 있습니까?

답변

관련 문제