6월 4일 개발일지

1)

위의 것이 내가 한 것인데 자세히 확인해보니
내가 machineWrap에 바로 /div를 넣어버려서 이미지 소스가 보이지 않았던 것이었다!

2)

영상에선 저렇게 내려가있지 않은데 왜 노란 박스가 저 아래 뜰까..

#forest1 .leftTree {
width: 445px;
height: 1200px;
background-image: url(../img/forest/forest1/lefttree.png);
left: 0;
}

여기에 position: absolute;
를 빼먹어서 그랬다.

그리고
float: right;-> 스펠링이 틀리니까
이미지가 가운데로 오지 않고 왼쪽에 붙어있었다.

3) 점점 오류를 찾아내는 시간이 빨라지고 있다 그래!!

4)

왜 두 깔대기가 이상하게 보일까.
그건 이미지 url을 둘 다 funnelback으로 했기 때문이었다..

5)

부모가 오버플로우 히든 값을 갖게 되면?
레프트/센터/라이트 자식으로 float을 사용하게 되면
플롯 부분은 3차원 값을 갖는다. 자식의 높이 값이 부모에게 영향을 줄 수 없다.
모바일 버젼에서 높이 값 원래 655px이었는데 여기서는 오토로. 자식의 높이 값으로 공간 높이를 대체시키겠다는 의미.
자식이 플롯이었는데 부모에게 영향을 미칠 수 없다. 근데 오버플로우 하면 자식의 값이 부모에게 영향을 미칠 수 있다.
-> 이 부분이 이해가 가지 않았다....

6)
(1)
#science .scienceWrap .scienceRightWrap {
width: 100px;
}

#science .scienceWrap .scienceRightWrap .water {
width: 67px;
height: 63px;
background-image: url(..img/mobile/science/mobile_water.png);
margin-bottom: 10px;
margin-left: 32px;
}

(2)

#science .scienceWrap .scienceRightWrap {
	width: 100px;
}

#science .scienceWrap .scienceRightWrap .water {
	width: 67px;
	height: 63px;
	background-image: url(../img/mobile/science/mobile_water.png);

	margin-bottom: 10px;
	margin-left: 32px;
}

2가 원본이고 1이 쓴 건데 어떤 차이가 있을까. 아하...url 부분에서 슬래쉬를 하나 빼먹었다...

7) 주말 내로 따라잡아야겠다..