div 인라인 시키기
얀새
2023.04.01
감싸는 div를사진처럼 2개로 만들고 thumb nail을 구현하느라div class=g1이랑div class=g2 에 position: relative를 주고
가로 정렬을우해 float: left를했는데 인라인으로 안되고 g2가g1아래로 떨어지는데
사진처럼 인라인으로 할수있는 방법이 있을까요??
-
물병자리
감사합니다~
-
해샘찬
.g2 {display:inline;} 으로 하면 블록요소를 인라인 요소로 바꿀수 있지 안나요?
-
아름나
그렇네요~~감사합니다 해결했어요~
-
큰애
옆으로 붙는데 맞습니다만, 안붙는 이유는 g1 + g2 + 사이여백의 합이 부모보다 클 경우입니다.
그리고 인라인이라는 표현보다는 나란히 붙는다는 표현이 적절해 보입니다.
float 은 인라인요소처럼 나란히 위치는 하지만 가지고 있는 성질은 블록이기 때문입니다.