이전 목록 다음
채택완료

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

프프로그래머7
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-26 (월) 22:10:58 6,549

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

div1은 왼쪽에 달라붙게 하고

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

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

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

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

div1을 float:left;

div2를 float:right

로 하니까...

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

a4d24a5dea4651d8ad5bb4f967bd4bd8_1474895374_1214.jpg
 

영카트5 그누보드5
|

답변 5개 / 댓글 11개

채택된 답변
+20 포인트
마마스타
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-26 (월) 23:21:54

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

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

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

답변에 대한 댓글 3개

프로그래머7
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-26 (월) 23:48:25
음.. 이게 원래 어려운거나보네요^^ 감사합니다. 시도해볼께요^^
프로그래머7
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-26 (월) 23:53:11
이제 보니까... 제가 오타였네요 ㅎㅎ
그냥 1번째것을 float:left 2번째것을 float:right로 하니까... 일렬로 되네요 ㅎ

감사합니다. ㅎ
프로그래머7
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-27 (화) 00:54:29
음... 꽁수 써도 안되네요-_-; 이거 왜 이리 어렵지...음냐...
쟁쟁반짜장
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-27 (화) 01:35:01

http://nyaongii.dothome.co.kr/temp/wrid_144425.html

이런 거 원하시는 건가요? 

답변에 대한 댓글 4개

홈짱
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-27 (화) 01:46:39
위 소스처럼 table-cell 주면, 해당 요소에 margin:0 auto 줘도 중앙으로 안 가게 되더라구요.
혹시, table-cell 속성값 준 상태에서, 위 소스 전체를 화면 정중앙으로 옮기려면 어떻게 하나요?
프로그래머7
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-27 (화) 02:28:52
예 ㅎ
프로그래머7
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-27 (화) 02:31:28
감사합니다^^ 바로 이거였어요 소스 보고 하면 되겠네요 ㅎㅎ 감사합니다 ㅎ
왕계란
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-27 (화) 09:50:29
홈짱 // 위 경로 새로 고침
애애드프로
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-26 (월) 23:57:17

너비값이 일정하지 않다면

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

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

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

애애드프로
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-26 (월) 23:53:36

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

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

afc7078949306080f02fea6f9bfbad9f_1474901615_0655.jpg
 

답변에 대한 댓글 1개

프로그래머7
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-26 (월) 23:55:38
감사합니다 ^^ 그런데 홈짱님과 같은 원리같아요 ^^
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-26 (월) 23:22:37

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

http://www.homzzang.com/b/tag-200 

답변에 대한 댓글 3개

프로그래머7
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-26 (월) 23:48:04
감사한데요 ^^ 그것은 두 개다 float:left로 준거잖아요 ㅎ 둘이 폭을 거의 50% 로 하고..

제경우는 width가 둘다 50%가 안되고 하나는 왼쪽 하나는 오른쪽에 붙은 경우를 필요로 합니다^^
홈짱
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-27 (화) 00:20:45
누구세요?

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

제가 아는 프로그래머 님을 어케 하신 거에요? 프로그래머 님을 풀어주세요. ㅡㅡ;;
프로그래머7
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2016-09-27 (화) 00:36:53
제가 요즘 잠을 잘 못자서 맛탱이가 갔습니다

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