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

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

WBOY
풀어 주다: 2016-05-16 16:38:55
원래의
1409명이 탐색했습니다.

어제 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>
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿