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

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

QA

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

본문

밖의 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 기준으로 잡히니

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

 

 

답변을 작성하시기 전에 로그인 해주세요.
전체 16,775
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT