이전 목록 다음
채택완료

float 사용했는데 첫 줄 배치가 이상합니다

ee트래블
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-18 (월) 15:22:34 2,580

3552578451_1550470836.3095.png3552578451_1550470839.3922.png3552578451_1550470842.1725.png

코드를 건드려보고 있는데 float를 사용해서 왼쪽정렬을 한 부분의 첫 줄에 저렇게 ul 줄이 생기고 오른쪽이랑 아래로 조금씩 치우칩니다

float html css
|

답변 3개 / 댓글 5개

채택된 답변
+20 포인트
아르키어드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-18 (월) 15:56:21

thumb-3067086384_1550472968.1455_730x614.png이런 모냥을 원하시는건가요..?

답변에 대한 댓글 3개

e트래블
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-18 (월) 15:58:56
네네 맞습니다! 체크박스 표시가 안보이긴 한데 배치는 생각한 모양대로에요!
아르키어드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-18 (월) 16:02:47
음..체크박스는 제가 관리자가 아니라서 안보이는거같고.. 그거때문에 또 깨져보일수도있을거같긴합니다만..일단은 현재 제가 추가한 css는

#bo_list .board_week_wrap dd {width:calc(100% - 120px)}
#bo_list .board_week_wrap dl ul { float:left; }

이렇게 2가지만 추가했습니다
e트래블
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-18 (월) 16:08:41
감사합니다!! 덕분에 말끔히 해결됐습니다!
볼볼피드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-18 (월) 15:43:17

float:left 속성을 사용하시면 해당 요소의 높이값이 사라집니다.

text-align:left, 또는 flex속성을 사용하시거나 after속성에서 { content: ''; dispaly: block; clear: both }을 지정하셔서 left 속성을 초기화 하셔야 합니다
 

답변에 대한 댓글 1개

e트래블
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-18 (월) 16:17:53
추가 했는데 이번엔 float속성이 안 먹혀서 고민하던 와중에 밑에 분 도움 밭아서 해결 했습니다!
감사합니다!
아르키어드
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-18 (월) 15:41:37

.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도 같이찍어주셨다면 콘솔창으로 좀더 자세히 볼수있을텐데 말이죠..

답변에 대한 댓글 1개

e트래블
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-18 (월) 15:46:27
http://etravel.dothome.co.kr/bbs/board.php?bo_table=tkdvna
지금 content: ''; dispaly: block; clear: both 값 추가 시켜둔 상태고 링크 답변 올리겠습니다!

답변을 작성하려면 로그인이 필요합니다.