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

position, display관한 질문입니다. 채택완료

쥬노 6년 전 조회 3,014

제가 아직 잘 이해가 안되는 부분중에 하나가 포지션과 디스플레이 이부분인데,,,알듯말듯합니다.

샘플로 레이아웃을 만들고 있는데요...

[그림1]

 

위 그림처럼 card4~card9까지가 원래는 card1, card2, card3아래에 나오게 하고 싶은데요...

포지션과 디스플레이 설정이 알듯 말듯 헷갈려서 몇일째 씨름중인데 안되서 고수님들께 문의드립니다.

[그림2]

 

[그림1]을 [그림2]처럼 레이아웃을 만들고싶습니다.

어떻게 CSS를 해야하는지 고수님들 조언부탁드립니다....

===================================================

   

                  

 
   
     
       
Head sub Title. Head sub Title
     
     
       
             
  • 로그인
  •          
  • /
  •          
  • 회원가입
  •        
     
   
 
 

    
      main_Slider     
 
   

main image title1

   

main image title2

 
 
   
card1
   
card2
   
card3
 

 
   
     
card4
     
card5
     
card6
     
card7
     
card8
     
card9
   
 

 

===================================================

 

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

답변 2개

채택된 답변
+20 포인트

포지션속성으로 잡으면 안되고 반응형코드가 사용된거보니 그걸 이용하셔야하는데

 

웹지식이 어느정도인지 모르니 알려주기도 애매하네요

 

4~9까지 태그소스를 아래에 두면됩니다. 포지션 속성으로 잡힌것을 없애야해요

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

답변에 대한 댓글 2개

쥬노
6년 전
아...말씀감사합니다...포지션 속성을 잡은건...카드1, 2, 3을 메인 이미지 위에 조금 겹치기 위해서 포지션을 잡고 top:350px;를 줬는데...덩달아서 카드4~9까지도 따라 올라가서요...ㅠㅠ;
l
lavy
6년 전
그렇군요 그럼카드 123을 top 값을 줄여주면 카드 4~9번쪽에 겹칠수도있을거에요

현재 123번카드는 붕떠있는 상태라 높이값이 없는거죠

근대 4~9번은 높이값이 있기때문에 1~3번보다 위에 위치한거처럼보이는것일거구요

결국 4~9를 내려주려면 소스구조를 titleabc 보다 밑에쪽으로 옴겨주셔야될거같습니다

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

lavy
6년 전

이거는 그니까 구조를 다시잡는게 나을거같습니다 구지 포지션으로하자면 absolute 를 줘서 bottom값으로 조정할수있지만 위아래 구조를 다시잡는게 더빠르지않을까요 card 1,2,3 이 위로가는 모양으로 다시 짜는게 어떠세요

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

답변에 대한 댓글 1개

쥬노
6년 전
현재는 card1, card2, card3이 이미지 위에 겹쳐있는 부분인데요...덩달아서 card4~ card9까지도 덩달아 올라와서요...카드4~카드9는 TitleABC밑으로 보내고 싶은데...영안되서요...ㅠㅠ;

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

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

로그인