>  기사  >  웹 프론트엔드  >  div 또는 테이블이 지정된 위치에 고정되도록 제어하는 ​​html css 메소드

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

高洛峰
高洛峰원래의
2017-02-18 15:51:232140검색

.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 중국어 홈페이지를 참고해주세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.