div끼리 겹치게 하고 싶은데요..
소리
아래 사진 첨부해서 설명드려봅니다..
이건 프로세스 과정을 그래프와 날짜로 표기하는 건데요.
(연두색) 날짜는 전체 일정을 표시 한것이고 (주황색) 날짜는 한 프로세스의 시작과 끝 날짜를 표시하는거에요~
문제는.. 프로세스 1번과 같이 날짜가 듬성듬성 있을땐 괜찮은데..
저기(프로세스2) 빨간색으로 표시해둔것 과 같이전체일정 끝나는 날짜와 프로세스 끝나는 날짜가 마주하게 되니
div끼리 아래위로 배열이 되는데... 화살표 표기와 같이 겹치도록 나오게 되려면 어찌해 주어야 할런지 아시는가요..
주황색 날짜 div (Α) 는 float:left 로 지정되어 있고 맨 왼쪽 연두색날짜 (B) 는 float:right 로 되어 있어요..
position:relative 로 강제로 Α를 왼쪽으로 두면 아래 초록색상태바와 초점이 안맞아지고요..
답이 적당한게 없으면.. 마지막 끝나는 날짜를 오른쪽 흰 여백으로 빼얄 듯 하네요 ㅎ;
그럼 아시는분 답변주시면 감사하겠습니다~~
-
알찬해
답변 감사합니다~ position:absolute 이거는 브라우저 (0.0) 에서의 얼마 떨어진 수치지요~?
이걸 적용할때는 float 속성은 아예 지워주면 되는건가요? -
꽃짱구
수다님 답변대로 하면 될거 같은데...=ㅁ= 안되시는건가 ㄷㄷ;;
-
키클
100%그래프바를 position:relative로 잡고 주황색 날짜를 position:absolute 하면 쉽게 해결 되겠네요.
-
소심한녀자
햐.. 미션임파서블이네
뭔가를 버리기 전까진 답이 안나올 듯.. -
흡뜨다
position:absolute(절대위치)로 제어 하게 되면 겹쳐지게 되지 않을까.. 싶네요 ㅎㅎ
float:right 로 하게 되면 겹치기 보단 수직 흐름을 가로 흐름으로 바꾸는 게 되니까 ..겹치는 게 안되는 거 같네요