최신글 css가 잘 안맞네요 ㅠㅠ
본문
메인에 최신글이 오른쪽에 줄이 맞지를 않아요 ;;
css 진짜 힘드네요;;
틈틈히 여기 신리님이 올리신 강의들 브고 있는데, 역시 힘듬 ;;;
혹시 오른쪽도 좌측처럼 맞출수 없을까요?
답변 5
오른쪽 div float right 였는데.. left로 변경 하셨네요
최종
↓
<div style="float:left;margin-left:0px;width:364px;">
왼쪽 latest
</div>
<div style="float:right;margin-left:0px;width:364px;"> <!-- right 유지 -->
오른쪽 latest
</div>
.lt_pc {float:left;margin-left:20px;margin-right:20px}
margin-right:20px
를 삭제해보세요.
그래도 안되면... 바로 아래줄의 'width:360px'를 조금씩 줄이던지 늘리던지 하면서 확인해보세요.
!-->오른쪽으로 붙이려면
float:right로
현재 최신글은 기본
float:left 로 되어 있습니다.
작성된 내용은 오른쪽 div 374px 안에 it 364px 가 왼쪽으로 되어 있어 우측이 10만큼 남겨진 상황
작성 내용으로 사용시 374를 364로 변경 후 확인 해 보세요.
<div style="float:left;margin-left:0px;width:364px;">
<div style="float:right;margin-right:0px;width:364px;">
이미 수정 완료하셨나보네요 ㅎ
제작중이신 사이트의 최근게시물 영역처럼 컨텐츠의 가로세로가 고정값인 경우
저같은경우 주로 float보다 position을 많이 사용하고 있습니다.
부모가 position속성만 가지고 있으면, 자식요소에 position: absolute를 부여해서
부모기준으로 top bottom left right를 원하는데로 위치를 잡아 줄수 있지요 ㅇㅅㅇ
혹시 기회가 되시면 position도 활용해보세요~