이 글은 주로 CSS를 사용하여 위치를 수정하는 방법을 소개하며 관심 있는 사람이라면 누구나 쉽게 배울 수 있습니다.
코드는 다음과 같습니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>层固定位置练习--by 阿会楠</title> <style type="text/css"> html,body{ overflow:hidden; padding:0; margin:0; width:100%; height:100%; } #_body{ height:100%; overflow-y:scroll; width:100%; height:100%; } #adDiv{ position:absolute; z-index:99999; bottom:10px; left:10px; width:200px; height:30px; border:1px solid #8A9ABB; background:#F0F4F7; font:12px tahoma; text-align:center; line-height:30px; } </style> </head> <body> <div id="adDiv"><a href="http://www.jb51.net/">脚本之家</a></div> <div id="_body"> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> </div> </body> </html>
관련 권장 사항:
vue는 스크롤 이벤트를 수신하여 특정 요소를 상단이나 고정 위치에 표시합니다.
CSS+DIV 고정 위치에 표시됩니다. 스크롤 막대로 스크롤하지 않음_html/css_WEB -ITnose
창 고정 위치 요소를 페이지처럼 표시/숨기기 scrolls_html/css_WEB-ITnose
페이지 아래 고정 위치에 데이터베이스 값을 표시하는 방법
위 내용은 CSS를 사용하여 위치를 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!