본문 바로가기 메뉴 바로가기

1 > 1000

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

1 > 1000

검색하기 폼
  • 1 pic > 1000 words (32)
    • Web (6)
      • HTML|CSS (5)
      • Sass (0)
      • p5.js (0)
      • Etc (0)
      • three.js (1)
    • Visualization (11)
      • input (8)
      • drawing (1)
      • 시도 (2)
    • Study (2)
      • data analysis (2)
    • 관심 (13)
      • design (1)
      • 사회 (3)
      • 나 (4)
      • 맛있는 거 (0)
      • 좋은 거 (2)
      • 월경용품 (3)
      • 페미니즘 (0)
    • data visualization (0)
      • 인풋노트 (0)
      • 툴공부 (0)
      • 시도 (0)
    • to know (0)
      • 역사 (0)
      • 인문 (0)
      • 과학 (0)
      • 심리 (0)
    • 생각 (0)
      • 나 (0)
    • just (0)
      • 맛있어 (0)
      • 예쁘다 (0)
      • 잡생각 (0)
  • 방명록

div여백 (1)
[HTML/CSS] 가변 그리드 만들 때 <div>와 <div> 사이에 가로로 틈이 생길 때 해결 방법

이지스 퍼블리싱에서 출간된 첫째마당의 2장 [px을 %로 바꾸기 - 가변 그리드]를 공부하다가책에서는 별다른 언급이 없지만나같은 초심자가 쉽게 실수할 수 있는 부분에 대해 공유하려고 한다. 둘을 합쳐 너비가 100%인데,옆으로 나란히 배치가 안되고 아래로 넘치네? 책에서 제시한 예제의 가변 그리드 구조 두 div를 합쳤을 때 너비가 100%로 꽉 차는 형태이다. 책의 45page 부터 시작되는 예제에서 위와 같은 구조의 가변그리드를 만드는데,보면 알 수 있듯 container 라는 클래스의 div 안에 두 div가 가로로 꽉찬 구조이다.그런데 예제 코드를 직접 입력해서 실행해보니 책의 예시와는 다르게아래 그림과 같이 자꾸 두 번째 div가 밑으로 내려가는 것이었다. 책에서 제시한대로 코드를 입력하고 실행..

Web/HTML|CSS 2016. 9. 12. 12:22
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 생리컵리뷰
  • 웹브라우저창
  • 생리컵 안전성
  • 브랜드생리컵
  • 크기가 변하는 폰트
  • CSS
  • 중국생리컵
  • threejs
  • 알리생리컵
  • Femcup
  • 알리 생리컵
  • menstrualcup
  • 가로크기
  • 와글와글영화제
  • width
  • 반응형웹디자인
  • min-width
  • 서부장애인종합복지관
  • 은평장애인인권영화제
  • 알리익스프레스
  • 의료용실리콘
  • 저렴한생리컵
  • DIV
  • 펨컵
  • 생리컵직구
  • MINI 5PIN
  • 생리컵
  • 타블렛 전원 불
  • HTML
  • 전원 인식 안될 때
more
«   2025/05   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바