>웹 프론트엔드 >CSS 튜토리얼 >CSS 위치 속성에서 절대 속성의 용도는 무엇입니까?

CSS 위치 속성에서 절대 속성의 용도는 무엇입니까?

怪我咯
怪我咯원래의
2017-06-22 10:20:073468검색

css positioning 매개변수: position, left, right, top, bottom

매개변수 설명:
절대 매개변수는 블록의 위치 지정 방법을 지정하는 데 사용됩니다. 블록의 위쪽, 아래쪽, 왼쪽 및 오른쪽 좌표입니다.
매개변수 값 설명.

  • 절대:절대 위치

  • 고정: 고정 위치

  • 상대: 상대 위치

  • 정적: 정적 위치

샘플 코드:

<!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>
<title>示例网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
.c1{
    width:200px;
    height:150px;
    line-height:75px;
    text-align:center;
    border:1px solid #909;
    position:absolute;
    top:50px;
    left:50px;
}
</style>
</head>
<body>
<div class="c1">
本方块宽200px,高150px,绝对定位于上边50px,左边50px
</div>
</body>
</html>

위 내용은 CSS 위치 속성에서 절대 속성의 용도는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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