float 1 - govl2233/project_studyej GitHub Wiki

: 공중에 떠 있는 것

(복잡한 형태의 레이아웃을 구성하는 데 필요한 핵심 속성인 float 속성은 특정 요소를 떠 있게 하는 것. 여기서 떠 있다 는 의미는 요소가 기본 레이아웃 흐름에서 벗어나 요소의 모서리가 페이지의 왼쪽이나 오른쪽에 이동하는 것.)

★ float 속성을 가진 애는 위에있는 애한테는 영향을 주지 못함

ex)

 b

 a(float)

 b

맨 아래에 있는 d는 위로 올라가서 a가 덮고 맨 앞에 b는 그 위치 그대로 있다.)

*★ float이 선언된 엘리먼트는 다른 컨텐츠가 피해간다. (덧붙힌다라고 생각해야함)

ex)

<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8">
      <title>float</title>
      <style>
              .a{float:right;background-color:#F00}
              .box {
              width:200px;
              height:200px;
              border:1px #F00 solid
              }
              .b{background-color:#CCC; width:auto; height:auto; margin-right:210px;}
      </style>
  </head>
  <body>

          <div class="box a">
              1
          </div>
          <p class="box b">
              피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰피살된 조선족목사의 사라진 휴대폰
          </p>
  </body>
</html>

float 1 - govl2233/project_studyej GitHub Wiki

⚠️ **GitHub.com Fallback** ⚠️

⚠️ GitHub.com Fallback ⚠️