float 사용했는데 첫 줄 배치가 이상합니다
본문
코드를 건드려보고 있는데 float를 사용해서 왼쪽정렬을 한 부분의 첫 줄에 저렇게 ul 줄이 생기고 오른쪽이랑 아래로 조금씩 치우칩니다
답변 3
이런 모냥을 원하시는건가요..?
네네 맞습니다! 체크박스 표시가 안보이긴 한데 배치는 생각한 모양대로에요!
음..체크박스는 제가 관리자가 아니라서 안보이는거같고.. 그거때문에 또 깨져보일수도있을거같긴합니다만..일단은 현재 제가 추가한 css는
#bo_list .board_week_wrap dd {width:calc(100% - 120px)}
#bo_list .board_week_wrap dl ul { float:left; }
이렇게 2가지만 추가했습니다
감사합니다!! 덕분에 말끔히 해결됐습니다!
.info_list > ul { clear:both; content: " "; display:block; }
.info_list > ul::after { clear:both; content: " "; display:block; }
ul 높이값을 갖지 않는걸로봐서 clear both가 제대로 안된상태인거같고..
각 ul과 li에서 padding margin 값때문에 ㄲ깨지는거같습니다.
url도 같이찍어주셨다면 콘솔창으로 좀더 자세히 볼수있을텐데 말이죠..
http://etravel.dothome.co.kr/bbs/board.php?bo_table=tkdvna
지금 content: ''; dispaly: block; clear: both 값 추가 시켜둔 상태고 링크 답변 올리겠습니다!
float:left 속성을 사용하시면 해당 요소의 높이값이 사라집니다.
text-align:left, 또는 flex속성을 사용하시거나 after속성에서 { content: ''; dispaly: block; clear: both }을 지정하셔서 left 속성을 초기화 하셔야 합니다
추가 했는데 이번엔 float속성이 안 먹혀서 고민하던 와중에 밑에 분 도움 밭아서 해결 했습니다!
감사합니다!
