6월 7일 개발일지

(1)

margin-left: 110%;라고 했어야 하는데
110$가 되니까 저렇게 나왔다.

![](https://velog.velcdn.com/images%2Fdaeeunnim%2Fpost%2Fa094185b-952c-42dc-b3ad-c7856d808379%2F%EC%8A%A4%ED%81%AC%EB%A6%B0%EC%83%B7%202021-06-05%20%EC%98%A4%ED%9B%84%202.24.56.png)

바뀌지가 않는다. 달이 왜 이렇게 많지.

(2) 덴마크

#header .buttons ul {
overflow: hidden;
}

#header .buttons li {
/buttons 다음에 ul li인데 ul 생능가능/

position: relative;
float: left;
width: 33.33333333.%;
height: ;height: 65px;

/3분할 하는 것/

border: solid 5px red;

/* 세 개 버튼이 나온다. li태그 플롯을 사용했다. 3차원적 특징을 일부 갖게 된다.
공간의 높이와 너비는 부모에게 영향을 줄 수 없다. ul태그의 높이 값이 없어서 nav도 높이값이 없다
nav와 ul은 기본적으로 블록 요소를 갖고 있고 너비값은 화면창 바꿀 때마다 달라진다. 왼쪽에서
오른쪽까지 width 100%의 값을 기본적으로 갖는다. li태그의 공간 크기를 nav가 인식 못ㅅ해서
header가 h1 크기만큼만 인식한다. 헤더 태그의 높이가 세 개 메뉴 높이까지 포함된 수치로 변환시키자.

자식으로서 float을 사용했을 때
부모가 오버플로우 히든값을 가지면 ( 헤더 버튼 ul 오버플로우 히든 추가하면)
자식의 높이값을 부모가 인식할 수 있다.
그래서 nav는 65px값을 갖는다.
헤더는 65+65라서 130이 된다. */