position:fixed 주면 width 줄어듬
본문
<table style="position:fixed; margin-top:20px; bottom:0px;" cellpadding="0" cellspacing="0" border="0">
</table>
리스트를 출력하는 테이블과 맨 마지막 결과값을 출력하는 table있습니다.
맨마지막 결과값을 화면 따라오게 할려고 fixed, bottom:0px 을 줬는데요
이상하게 position을 설정하면 윗 테이블과 width가 안맞네요;
position fixed가 width 영향 안주게할러면 어떻게 해야할까요;;;;
답변 2
width가 따로 지정되어있지 않으면 상위요소나 해당 요소에서 넓이에 영향을 끼치는 요소에 의해 크기가 정해집니다.
속성이 fixed인 경우 상위요소가 브라우저화면으로 변경되는걸로 알고 있습니다.
그래서 원래 적용받던 상위요소 영향을 받지 않기 때문에 독자적인 넓이 계산이 따로 이루어집니다.
width값을 직접 입력해주시거나,
해당 상위요소의 넓이나 테이블의 넓이에 맞추고 싶다면 해당 요소의 width와 같게 스크립트나 css를 이용하여 지정하셔야 합니다
position 을 fixed 로 사용하시면 viewport 에 영향을 받으십니다
해당 테이블을 <div style="position:fixed;bottom:0px;width:100%;">
로 하신후 해당 테이블의 조건을 맞추시려는 테이블과 동일하게 해주시는 방법이 있습니다.
답변을 작성하시기 전에 로그인 해주세요.
