• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 HTML/CSS 게시판 float 질문이요

float 질문이요

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #17931

    강인웅
    참가자

    1.https://offbyone.tistory.com/297

    이 블로그보면 이미지에 float:left를 줬는데 <p>의 내용이 이미지 아래로 가는 게 아니라 붕 띄어진 이미지 옆으로 알맞게 가는데

    저렇게 하려면 <p> 태그에도 float.letf를 먹여줘야 하는 거 아닌가요?

     

    2. html 강의 레이아웃 만들기 1의 설명을 보면

    "

    clear 속성을 사용하면 float 다음에 오는 박스들이 제자리를 찾게 됩니다.

    float썼으면 까먹지 말고 항상 넣으시면 됩니다.

    안넣으시면 내 의도와는 다른 레이아웃이 반겨줄 것입니다. 

    참고로 float : none 이것도 추가해주는게 나중에 생길 버그예방차원에서도 좋을 수 있습니다. "

    라고 하셨는데 저 "float:none"을 어디에 넣으라고 하시는 건가요? clear:both 하단에 넣어주라고 하시는 건가요? 

    그렇다면 혹시 저걸 넣어야지 왜 버그 예방이 되는지 알려주실 수 있나요?

     

    3. html 강의를 구매하려고 하는데 요즘에는 float보다 flex를 이용해서 웹 페이지를 많이 제작한다고 하는데

    강의 제목 중에서 flex들어간 강의가 1개밖에 안보여서요

    flex 강의에 대한 내용은 맛보기 정도로만 있는 건가요?

    #17939

    codingapple
    키 마스터

    1번은 왼쪽에 자리차지한 이미지 때문에 글자들이 우로 밀려났을 뿐입니다 float쓰면 공중에 완전히 뜨는건 아닙니다 

    셀렉터 문법 막 쓰다보면 clear : both 준 박스에 float : left를 주는 경우도 있는데 그러면 clear가 무의미해져서 float : none 이것도 예방차원에 추가하는 것입니다

    flex는 어려울게 없어서 3분이면 설명 끝입니다 

     

    #17942

    강인웅
    참가자

    자리차지한 이미지 때문에 글자들이 우로 밀려났다고 하셨는데

    코딩애플님 강의에서 보면 첫번째 div에  float:left를 맥여서 두 번째 div가 첫번째와 겹치는 걸 볼 수 있는데

    이런 경우에는  어떻게 된 건가요?  자리 차지하고 안 하고는 직접 코딩하고 일일이 확인해봐야 알 수 있는 건가요?

    #17948

    codingapple
    키 마스터

    div끼리 겹치지만

    뒷 div에 글자가 있으면

    앞에 float된 div를 피해서 글자가 자리를 차지하려는 특징이 있습니다 

4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠