>웹 프론트엔드 >CSS 튜토리얼 >CSS 속성 상대 위치, 절대 위치, 고정 위치

CSS 속성 상대 위치, 절대 위치, 고정 위치

不言
不言원래의
2018-05-03 14:49:432381검색

이 글에서는 주로 CSS 속성의 상대 위치 지정, 절대 위치 지정, 고정 위치 지정에 대해 소개합니다. 이제 특정 참조 값이 있으므로 공유해 보겠습니다. 도움이 필요한 친구들이 참고할 수 있습니다.

Positioning

1. 相对定位(position:relative)
    即相对于自己原先的位置定位,当盒子移动之后,原先的位置依然在存在
2. 绝对定位(position:absolute)
    默认是以body为基准定位,如果父级设置为相对定位之后,子元素的绝对定位就会以父级为起点.    定位之后能够设置框高
3.  固定定位(position:fixed)
    即相对于游览器定位,永远固定在用户的可视范围内
4. 定位方向冲突
    水平冲突(即left和right都设置),先执行left的设定
        垂直冲突,值执行top的设定.

                

위 내용은 CSS 속성 상대 위치, 절대 위치, 고정 위치의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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