온라인 강의/Advanced CSS and Sass [Udemy]

24. First Steps with Sass: Variables and Nesting

유호야 2023. 7. 12. 06:16
반응형

float 때문에 스타일 속성이 적용되지 않는 문제

 

darken <-> lighten

 

다시 float 와 link 의 개념을 정리해야 할 것 같다

 

 

flaot은 둥둥 떠다니는 것!

 

생각해보면 float이란 position: absolute랑 무슨 차이가 있는지 궁금해져서 찾아 봤더니 

position absolute는 제일 절대적으로 값을 설정할 수 있는 것이고 position: relative를 주느냐 마느냐에 따라서 고정하고 싶은 상위 요소를 선택할 수 있지만 float은 자신을 포함하고 있는 박스를 기준으로 값이 고정된다. 

 

하지만 여기서 문제가 하나 발생할 수 있다 이 float 요소 다음 요소들이 자리를 못 잡고 헤매는 아래와 같은 경우이다. 

 

그래서 사용해야 하는 게 아래와 같은 기능! 

 

 

예시

 

 

너무 깔끔한 설명 ... 똑딱 이해가 됐다

https://www.youtube.com/watch?v=JP_I3hz55hk 

 

반응형