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

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

QA

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

답변 5

본문

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

div1은 왼쪽에 달라붙게 하고

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

 

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

 

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

 

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

div1을 float:left;

div2를 float:right

로 하니까...

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

a4d24a5dea4651d8ad5bb4f967bd4bd8_1474895374_1214.jpg
 

이 질문에 댓글 쓰기 :

답변 5

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

 

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

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

 

 

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

이런 거 원하시는 건가요? 

위 소스처럼 table-cell 주면, 해당 요소에 margin:0 auto 줘도 중앙으로 안 가게 되더라구요.
혹시, table-cell  속성값 준 상태에서, 위 소스 전체를 화면 정중앙으로 옮기려면 어떻게 하나요?

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

 

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

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

제경우는 width가 둘다 50%가 안되고 하나는 왼쪽 하나는 오른쪽에 붙은 경우를 필요로 합니다^^

누구세요?

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

제가 아는 프로그래머 님을 어케 하신 거에요?  프로그래머 님을 풀어주세요. ㅡㅡ;;

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

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

 

afc7078949306080f02fea6f9bfbad9f_1474901615_0655.jpg
 

너비값이 일정하지 않다면

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

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

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

 

 

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 16,797
© SIRSOFT
현재 페이지 제일 처음으로