float 질문

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

글쓴이

글
2023년 4월 23일 02:32 #78573

ggw
참가자
```
float에 관해 이해 안되는게 있어서 여쭤봅니다

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="container">
        <div class="header"></div>
        <div class="left-menu"></div>
        <div class="right"></div>
    </div>
```
</body>
</html>
위에가 html 코드고

.left-menu {
  width: 20%;
  height: 400px;
  background-color: cornflowerblue;
  float: left;
}
.right {
  width: 20%;
  height: 400px;
  background-color: coral;
  float: left;
}
이게 css 코드인데요 (중요하지 않은건 제외)
.right에 float: left;를 달면

이렇게 잘 출력되는데 .right의 float: left;를 없애면

이렇게 사라집니다. 겹친거같은데
1. .left-menu에만 float: left; 달아도 .right를 가진 div태그가 옆에 나와야 되는거 아닌가요?
( div 두 개에 다 float를 지정해주어야 하는 이유 )
2. div태그말고 태그없이 그냥 글 쓰면 옆에 잘 나오는 이유가 뭔가요?
```
 
```
2023년 4월 23일 09:29 #78586

codingapple
키 마스터
```
float 쓴건 공중에 떠서 주황박스가 파란거 밑에있는게 아닐까요
글들은 float로 공중에 떠있는 박스들도 피해서 잘 보여지게 되어있습니다
```
2023년 4월 25일 19:18 #79199

ggw
참가자
```
왜 div 태그만 겹치고 다른 태그나 글은 안겹치는건가요? 어떠한 기준이 있는건가요?
```
2023년 4월 25일 19:55 #79204

codingapple
키 마스터
```
글이나 이미지는 float박스가 옆에 있어도 아마 안겹칩니다
```
글쓴이

글

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

답변은 로그인 후 가능합니다.

로그인

float 질문

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png