집 >웹 프론트엔드 >HTML 튜토리얼 >html_HTML/Xhtml_Web 페이지 제작에서의 위치에 대한 작은 사용법 소개

html_HTML/Xhtml_Web 페이지 제작에서의 위치에 대한 작은 사용법 소개

WBOY원래의: 2016-05-16 16:38:551411검색

어제 HTML 콘텐츠를 좀 배웠는데, JD.com에 검색창을 만들고 싶어서 드디어 만들었는데, 장바구니 결제를 했더니 거기에 숫자가 표시되어 있었는데 안 만들었어요. 추가하는 방법을 모르겠습니다. 장바구니와 함께 숫자를 이동하려면 함께 배치해야 합니다. 위치 지정에는 반드시 위치가 필요합니다. 먼저 숫자의 위치를 절대값으로 설정하면 계층화됩니다. 느껴집니다. 이때 디지털 위치의 상위 태그가 body이기 때문에 상단, 좌측 설정 시 장바구니의 원하는 위치로 설정할 수도 있습니다. 그러나 장바구니의 여백을 변경하면, 두 개는 함께 이동할 수 없으므로 장바구니의 위치를 상대적으로 설정하면 장바구니의 여백을 어떻게 조정하더라도 숫자 위치의 상위 태그가 장바구니가 됩니다. 그걸로....

코드를 복사하세요

코드는 다음과 같습니다.

day03.html<br><style type="text/css">/*먼저 div를 작성하세요. 위치*/ <br />#car{ <br />너비:150px;높이:30px; <br />배경: #999999; color:white;text-align: <br />라인 높이: 30px ;여백: 232px 300px; <br />테두리: 1px 단색 검정; 위치: 상대; <br />#num{ <br />너비: 20px;높이: 20px;배경: 빨간색; ;text-aligh:center; <br />라인 높이:20px;위치: 절대 <br /> 상단:-15px;왼쪽:25px; <br /></style> head> <br /><body> <br /><div id="car"> <br />결제하려면 장바구니로 이동<br /><div id="num">0</div> 🎜></div> <br /></body> <br /></html><br /><br /><br /></style>

성명：

이전 기사：텍스트 영역 텍스트 입력 영역에서 줄 바꿈을 구현하는 방법_HTML/Xhtml_웹 페이지 제작다음 기사：텍스트 영역 텍스트 입력 영역에서 줄 바꿈을 구현하는 방법_HTML/Xhtml_웹 페이지 제작

html_HTML/Xhtml_Web 페이지 제작에서의 위치에 대한 작은 사용법 소개

관련 기사