>  기사  >  웹 프론트엔드  >  HTML에서 상대, 절대, 고정의 세 가지 위치 지정 이후 상자의 너비와 위치 백분율은 실수하기 쉽습니다.

HTML에서 상대, 절대, 고정의 세 가지 위치 지정 이후 상자의 너비와 위치 백분율은 실수하기 쉽습니다.

高洛峰
高洛峰원래의
2017-02-20 11:11:061248검색

1. 상대 위치 지정: 이름에서 알 수 있듯이 상대 위치 지정은 아래와 같이 자체 위치를 기준으로 오프셋됩니다. 예를 들어 스트립 가장자리의 양의 방향입니다.                                                                           코드는 2입니다. 0px ; 또는 오른쪽: -20px;

HTML中三种定位relative,absolute,fixed后,盒子的百分比宽度及位置易错点

  

2. 절대 위치 지정: 절대

상자, 아래와 같이 위치 지정 조상 수준의 중심 방향은 양수입니다.

 

HTML中三种定位relative,absolute,fixed后,盒子的百分比宽度及位置易错点 3. 고정 위치 지정은 본문 태그와 독립적이며 웹만을 기반으로 합니다. 페이지 html의 위치 지정 방법은 중앙 방향이 양의 방향입니다.

너비 비율도 html을 기준으로 합니다. 1. 상위 위치 지정이 없으면 절대 위치 지정은 기본적으로 첫 번째 위치 지정 상위 항목으로 설정됩니다.

2. 절대 위치 지정 및 상대적 위치 지정 상자의 너비 비율은 첫 번째 위치 지정 상위 항목을 기준으로 합니다. 본문 기반

HTML의 세 가지 위치 지정(상대, 절대, 고정)에 대한 자세한 내용은 상자의 너비와 위치에 오류가 발생하기 쉬우므로 PHP 중국어를 참조하세요. 웹사이트! HTML中三种定位relative,absolute,fixed后,盒子的百分比宽度及位置易错点

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