div가 서로 교차하지 않도록하십시오.

Question

나란히있는 두 개의 div가 있고 각각 50 %의 너비가 있으며 원하는 부분이 왼쪽으로 떠 있습니다. 그러나 한 div가 다른 div 아래로 떨어지는 페이지에 맞지 않으면 왼쪽으로 둡니다. div. CSS에서 어떻게 할 수 있습니까? 차이점이 있다면 jQuery Mobile 사용을 언급해야합니다. 내 코드는 다음과 같습니다. #artistimage,#artistinfo{ width: 50%; float: left; }

Answer 1

여기서 볼 수 있듯이 http://jsfiddle.net/PMXpb/은 50 % 너비로 설정하면 항상 맞습니다. {width:50%; height: 100px; float:left;}

공간이 부족, 여기에 같이있을 때 당신은 하나가 다른 아래로 떨어질 고정 폭 (픽셀 값)에 그들을 설정하는 경우 : http://jsfiddle.net/Yk4sX/ {width:300px; height: 100px; float:left;}

당신은 2 케이스를 테스트 할 수 있습니다 브라우저의 크기를 조정하십시오.