float position - float의 속성
1. float의 기본 속성
- float을 이용하여 좌우의 기본적인 배치를 설정 할 수 있다
1) d1에 float:left
- float이 설정되지 않은 요소는 옆으로 최대 넓이를 갖게된다
2) d1, d2 float: left
- float 속성을 가지고 있을 시 최소 너비를 갖는다
2. float 사용시 문제
1) float 요소와 일반 요소 사이의 margin 문제
- margin-right: 10px 를 주었지만 효과가 나타나지 않는다
- overflow:hidden을 d2에 주면 적용할 수 있다
2) float을 가진 부모 객체의 높이 (by padding)값을 적용 안됨
- wrap에 overflow:hidden 을 주면 정상적으로 된다
'Front-End > HTML5 + CSS' 카테고리의 다른 글
| [Template] 그룹 탭 (0) | 2017.01.16 |
|---|---|
| [Template] Accordion menu- 아코디언 메뉴 (0) | 2017.01.08 |
| [Template] DropDownMenu - 드랍다운메뉴 (0) | 2017.01.08 |
| [HTML] 이전 웹 브라우저에서 HTML5 사용 (0) | 2016.12.19 |
| [HTML5] meta 태그의 viewport 속성 (0) | 2016.12.19 |
리딩리드