테스트 사이트 - 개발 중인 베타 버전입니다

div2개를 수직적으로 둘이 수평되게하려면 채택완료

프로그래머7 9년 전 조회 5,990

밖의 div안에... 두개의 div가 있습니다.

div1은 왼쪽에 달라붙게 하고

div2는 오른쪽에 달라붙게 하고 싶고

 

div1, div2는 수직적으로 수평이 되게 하고 싶습니다.

 

css를 어떻게 해야 할까요... 

 

아 퍼블리싱 장난이 아니네요 -_-

div1을 float:left;

div2를 float:right

로 하니까...

div1, div2가 수직적으로 수평이 안되고 div1이 더 위에 있습니다-_-;


 

댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트
9년 전

소스상에서 div2 를 div1 위쪽에 넣어 보세요. 꽁수.. ^^

 

즉, 위에 있는 것을 먼저 float:right; 시키고, 아래 것을 float:left; 시키면,

위에 것이 오른쪽에 가서 붙고, 아래 것이 왼쪽에 가서 붙습니다. 

 

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

프로그래머7
9년 전
음.. 이게 원래 어려운거나보네요^^ 감사합니다. 시도해볼께요^^
프로그래머7
9년 전
이제 보니까... 제가 오타였네요 ㅎㅎ
그냥 1번째것을 float:left 2번째것을 float:right로 하니까... 일렬로 되네요 ㅎ

감사합니다. ㅎ
프로그래머7
9년 전
음... 꽁수 써도 안되네요-_-; 이거 왜 이리 어렵지...음냐...

댓글을 작성하려면 로그인이 필요합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

홈짱
9년 전
위 소스처럼 table-cell 주면, 해당 요소에 margin:0 auto 줘도 중앙으로 안 가게 되더라구요.
혹시, table-cell 속성값 준 상태에서, 위 소스 전체를 화면 정중앙으로 옮기려면 어떻게 하나요?
프로그래머7
9년 전
예 ㅎ
프로그래머7
9년 전
감사합니다^^ 바로 이거였어요 소스 보고 하면 되겠네요 ㅎㅎ 감사합니다 ㅎ
왕계란
9년 전
홈짱 // 위 경로 새로 고침

댓글을 작성하려면 로그인이 필요합니다.

너비값이 일정하지 않다면

위 소스에서 left div 안에 right div 를 넣어서 위치를 잡으면 되지요^^

적어도 left 만 위치를 잡으면 당연히 right 는 절대값이 left 기준으로 잡히니

정렬은 어렵지 않다고 봅니다.

 

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

간단합니다. 아래 예제를 참고하세요

http://codepen.io/anon/pen/RGVKxy">http://codepen.io/anon/pen/RGVKxy

 


 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

프로그래머7
9년 전
감사합니다 ^^ 그런데 홈짱님과 같은 원리같아요 ^^

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
9년 전

아래 코드 가져다 작업해 보세요

 

hhttp://www.homzzang.com/b/tag-200" target="_self">ttp://www.homzzang.com/b/tag-200 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

프로그래머7
9년 전
감사한데요 ^^ 그것은 두 개다 float:left로 준거잖아요 ㅎ 둘이 폭을 거의 50% 로 하고..

제경우는 width가 둘다 50%가 안되고 하나는 왼쪽 하나는 오른쪽에 붙은 경우를 필요로 합니다^^
홈짱
9년 전
누구세요?

제가 아는 프로그래머 님은 이 정도는 응용해 사용하실 줄 아는 분인뎅...

제가 아는 프로그래머 님을 어케 하신 거에요? 프로그래머 님을 풀어주세요. ㅡㅡ;;
프로그래머7
9년 전
제가 요즘 잠을 잘 못자서 맛탱이가 갔습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인