CSS 레이아웃을 통해 div 위치 저장 예시 완성

CSS+DIV

데이터를 div로 캡슐화합니다. 페이지는 많은 div로 구성됩니다. 이러한 div 위치의 저장은 CSS 레이아웃을 통해 완료됩니다(CSS 속성 레이아웃을 통해).

테두리:{

　　　 --left

　　 --right

　　 --top

　　 --bottom

　　};

#div_1{

　　border-top:1px solid #ccc;

　border-bottom :1px 점선 #ccc;

　　border-right:1px 점선 #ccc;

　　 border-left:1px 이중 #ccc;

};

실선: 실선

점선: 점선

점선: 점선

이중선

Padding/Padding

속성: padding{

　　　 --top

　　　 --bottom

　　　 --right

　　　--왼쪽

};

패딩: 20px 20px 20px 20px;

Margin

margin 속성 {

　　　 --top

　　　 --bottom

　　 --right

};

margin:20px 20px px 20px

div에서 여백이 0인 경우 ,px, 왜 여전히 공백이 있습니까? 공백은 본문 자체와 브라우저 테두리 사이의 거리입니다.

그래서 body{margin:0px};

브라우저에서는 본문을 다양한 방식으로 구문 분석하여 측면 너비가 다르고 측면이 좁아집니다.

위 내용은 CSS 레이아웃을 통해 div 위치 저장 예시 완성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!