float 질문이요

[강인웅]

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 강의에 대한 내용은 맛보기 정도로만 있는 건가요?

[codingapple]

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

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

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

 

[강인웅]

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

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

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

[codingapple]

div끼리 겹치지만

뒷 div에 글자가 있으면

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

[글쓴이]

글