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) 주말 내로 따라잡아야겠다..
Author And Source
이 문제에 관하여(6월 4일 개발일지), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@daeeunnim/6월-4일-개발일지저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)