float: left; 질문
초롱꽃
2024.03.03
div class=chWrap
dl
dt비즈니스중국어/dt
dd중국어/dd
/dl
dl
dt비즈니스중국어/dt
dd중국어/dd
/dl
/div
div로 전체를 감싸고(노란색) dl 태그로 콘텐츠를 넣었습니다(빨간색부분)
dl에 width값을 정하고 float: left를 줘서 dl 크기가 div크기를 넘으면 자동으로 밑으로 떨어지게끔 하려는데
첨부한 그림을 보면 둘째줄 어린이 중국어 지도사 과정이 맨 왼쪽으로 와야하는데 오른쪽으로 되네요;;
css는 다음과 같습니다.
.content .tabCon .chWrap { clear: both; width: 100%; height: auto; background: yellow; }
.content .tabCon .chWrap dl { float: left; width: 200px; height: auto; margin: 0; padding: 0; background: red; }
-
엘핀 2024-03-03
아항 정보감사합니다!!!!
-
파라 2024-03-03
dl의 height값 때문에 그렇습니다.
의도대로 마추실라면 dl에 min-height값(동일선상에 제일 긴놈 기준)을 적어주셔야 합니다.
하지만 dl의 높이가 가변이라면!!!
javascript나 jquery로 그때 그때 마춰서 뿌려주는 방법도 있음다...