div 또는 테이블이 지정된 위치에 고정되도록 제어하는 ​​html css 메소드

高洛峰
풀어 주다: 2017-02-18 15:51:23
원래의
2136명이 탐색했습니다.

.bottomTable{    
background-color: rgb(249,249,249);    
z-index:99999999; position:fixed; bottombottom:0; left:0; width:100%; _position:absolute; /* for IE6 */  
/* _top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight);    */  
_top: expression(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); /* for IE6 */  
overflow:visible;   
 }
로그인 후 복사

1. z-index: 레이어를 최상위 수준으로 설정합니다.

2. 위치: 고정된 위치.

3. _top: 표현식(document.body.scrollTop+document.body.clientHeight-this.offsetHeight-6); 상단,

여기서 제어 레이어는 하단에 있으며 특정 값은 필요에 따라 적절하게 조정될 수 있습니다.

4. document.body.scrollTop: body, 본문 라벨 스크롤 막대의 스크롤 거리. 다른 라벨 객체로 대체될 수 있습니다(스크롤 막대가 있음).

5. body 태그의 높이인 document.body.clientHeight는 다른 태그 개체로 대체될 수 있습니다.

6, -6, 특정 상황에 따라 해당 변경을 수행합니다.

위의 div나 테이블이 특정 위치에 고정되도록 제어하는 ​​html css 방법은 모두 에디터에서 공유한 내용이므로 참고가 되셨으면 좋겠습니다. 듀오듀오는 PHP 중국어 웹사이트를 지원합니다.

div나 테이블을 지정된 위치에 고정하는 html css 메소드와 관련 글을 더 보시려면 PHP 중국어 홈페이지를 참고해주세요!


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿