CSS에서 특정 블록이 고정되도록 설정하는 방법

CSS에서 특정 div가 고정되도록 설정하는 방법: 먼저 HTML 샘플 파일을 만든 다음 본문에 div를 정의하고 마지막으로 "위치: 고정;"과 같은 속성을 통해 고정되도록 div를 설정합니다.

이 문서의 운영 환경: Windows 7 시스템, HTML5&&CSS3 버전, DELL G3 컴퓨터

css는 div가 수정되도록 제어합니다.

이 문제를 해결하는 가장 일반적인 방법은 위치를 지정하는 것입니다.

하지만 위치를 지정할 때 주의해야 합니다.

① 화면 어딘가에 고정하려면 고정 요소의 상위 요소가 본문인지 확인하세요.

② 고정 요소의 너비와 높이를 설정하세요. .

예를 들어 바닥글 클래스에 다음 코드를 추가합니다.

<style type="text/css">
    .shopping_cart {
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 60px;
        background: #eee;
        z-index: 10;
    }
</style>

상단이 고정된 경우

<style type="text/css">
  .editFrom {  ----div的选择器
    position: fixed; ----position样式
    left: 0; 
    top: 0; 
    width: 100%;
    height: 30%;  ---div占用位置的高度
    background: #eee;
    z-index: 10;--折叠级别
  }
</style>

[권장 학습: css 비디오 튜토리얼]

위 내용은 CSS에서 특정 블록이 고정되도록 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!