3.float에 대해서

float은 떠다닌다라는 의미를 가지고 있다. float의 말 대로 float을 사용하게되면 그 쪽으로 위치를 시킬 수 있게된다.

img {
	float: left;
    margin-right: 20px;
}
이렇게 주게 되면 image는 왼쪽으로 가게되고 바로 오른쪽에 다른 태그들을 통해서 text나 다른것들이 들어올 수 있게 된다.

float의 효과를 받지 않으려면
<p style="clear:both;">sdfkld</p> 이렇게 하면 된다.

overflow은 컨텐츠가 박스 크기를 벗어났을 때 어떻게 처리할지 알려준다.

visible : 기본값. 내용이 넘어가도 그대로 보여준다.
scroll : 스크롤바가 생겨서 내용을 볼 수 있게 담아준다.
hidden : 벗어나는 내용은 볼 수 없다. 여기서 hidden을 많이 사용한다.
auto : 박스 안에 컨텐츠를 넣어주고 내용이 길 경우에만 스크롤바가 생긴다. scroll과 다르게 항상 스크롤바가 노출되어 있지 않음.

assignment 1

assignment 2

``` 이 둘이 비슷해 보이지만 나타나는 것은 다르다. 위에꺼는 배너 사이드바 main contents 아래꺼는 배너 main-contents 사이드바 ```