[HTML/CSS] 가변 그리드 만들 때 <div>와 <div> 사이에 가로로 틈이 생길 때 해결 방법
이지스 퍼블리싱에서 출간된 첫째마당의 2장 [px을 %로 바꾸기 - 가변 그리드]를 공부하다가책에서는 별다른 언급이 없지만나같은 초심자가 쉽게 실수할 수 있는 부분에 대해 공유하려고 한다. 둘을 합쳐 너비가 100%인데,옆으로 나란히 배치가 안되고 아래로 넘치네? 책에서 제시한 예제의 가변 그리드 구조 두 div를 합쳤을 때 너비가 100%로 꽉 차는 형태이다. 책의 45page 부터 시작되는 예제에서 위와 같은 구조의 가변그리드를 만드는데,보면 알 수 있듯 container 라는 클래스의 div 안에 두 div가 가로로 꽉찬 구조이다.그런데 예제 코드를 직접 입력해서 실행해보니 책의 예시와는 다르게아래 그림과 같이 자꾸 두 번째 div가 밑으로 내려가는 것이었다. 책에서 제시한대로 코드를 입력하고 실행..
Web/HTML|CSS
2016. 9. 12. 12:22
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 생리컵리뷰
- 은평장애인인권영화제
- 반응형웹디자인
- CSS
- min-width
- 웹브라우저창
- HTML
- width
- 생리컵 안전성
- 타블렛 전원 불
- menstrualcup
- 알리익스프레스
- 생리컵
- 알리 생리컵
- MINI 5PIN
- 브랜드생리컵
- 생리컵직구
- 저렴한생리컵
- 알리생리컵
- 서부장애인종합복지관
- Femcup
- DIV
- 와글와글영화제
- 전원 인식 안될 때
- 크기가 변하는 폰트
- 의료용실리콘
- threejs
- 펨컵
- 중국생리컵
- 가로크기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
글 보관함