ಸಿಎಸ್ಎಸ್ ಪೊಸಿಷನ್: ಉದಾಹರಣೆಗಳು

. ಲೇಔಟ್ ಆರಂಭಿಕ ಸಾಮಾನ್ಯವಾಗಿ ಸಿಎಸ್ಎಸ್ ಮೂಲಕ ಸ್ಥಾನಿಕ ಅಂಶಗಳನ್ನು ಕಷ್ಟವಾಗಿದೆ. Position куда проще в освоении, чем кажется на первый взгляд. ವಾಸ್ತವವಾಗಿ, ಸಿಎಸ್ಎಸ್ ಪೊಸಿಷನ್ ಗುಣಲಕ್ಷಣವು ಅದನ್ನು ಮೊದಲ ನೋಟದಲ್ಲಿ ತೋರುತ್ತದೆ ಕಲಿಯಬೇಕು ಸುಲಭವಾಗಿ. ಅವುಗಳನ್ನು ಮಾಸ್ಟರಿಂಗ್ ಮೂಲಕ, ನೀವು ಬಲ ಸ್ಥಳಗಳಲ್ಲಿ ಎಲ್ಲಾ ಪುಟ ಮೂಲಾಂಶಗಳನ್ನು ಯಾವ ಒಂದು ಶಕ್ತಿಶಾಲಿ ಸಾಧನ ಪಡೆಯಿರಿ. добиться результата, нужно знать обо всех существующих значениях, поскольку принципы их действия сильно различаются ಆದರೆ ಫಲಿತಾಂಶ ಪಡೆಯಬೇಕಾದರೆ, ನೀವು ಎಲ್ಲಾ ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಮೌಲ್ಯಗಳು ಬಗ್ಗೆ, ತಮ್ಮ ಕಾರ್ಯಗಳ ತತ್ವಗಳನ್ನು ವಿಭಿನ್ನ ಏಕೆಂದರೆ ಅಗತ್ಯವಿದೆ

ಡಾಕ್ಯುಮೆಂಟ್ ಹರಿವು ವಿಶಿಷ್ಟತೆಗಳು

работает с потоком веб-страницы. ಪೊಸಿಷನ್ ಸಿಎಸ್ಎಸ್ ವೆಬ್ ಪುಟ ಹರಿವು ಕೆಲಸ ಮಾಡುತ್ತದೆ. ಈ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು? html- разметке. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಎಲ್ಲಾ ಪುಟ ಅಂಶಗಳನ್ನು ಎಚ್ಟಿಎಮ್ಎಲ್ ಮಾರ್ಕ್ಅಪ್ ಅವರನ್ನು ದಾಖಲಿಸಿದವರು ಯಾವ ಕ್ರಮದಲ್ಲಿ ಜೋಡಿಸಲ್ಪಟ್ಟಿರುತ್ತವೆ. header расположен над тегом footer, то и на странице он будет отображаться выше. ಹೆಡರ್ ಮೂಲಕ ಟ್ಯಾಗ್ ಅಡಿಟಿಪ್ಪಣಿ ಇದೆ, ಮತ್ತು ನಂತರ ಅದನ್ನು ಪುಟ ಮೇಲೆ ತೋರಿಸಲ್ಪಡುತ್ತದೆ. footer в html над «хедером», «подвал» страницы будет отображаться над «шапкой». ಇದಕ್ಕೆ ವಿರುದ್ಧವಾಗಿ ಕೆಲವು ಕಾರಣಕ್ಕಾಗಿ ನೀವು "Heder" ಮೇಲೆ HTML ನಲ್ಲಿ ಒಂದು ಅಡಿಟಿಪ್ಪಣಿ ಇರಿಸಲು ನಿರ್ಧರಿಸಿದರೆ, "ನೆಲಮಾಳಿಗೆಯ" ಪುಟ "ಕ್ಯಾಪ್" ಮೇಲಿನ ತೋರಿಸಲ್ಪಡುತ್ತದೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಬ್ಲಾಕ್ ಮಟ್ಟದ ಅಂಶಗಳನ್ನು ಅವರಿಗೆ ಲಭ್ಯವಿರುವ ಸಂಪೂರ್ಣ ಅಗಲ ಆಕ್ರಮಿಸಕೊಳ್ಳಬಹುದು. ಲೋವರ್ಕೇಸ್, ಅನುಕ್ರಮವಾಗಿ, ಸತತವಾಗಿ, ಇದು ಎಲ್ಲಾ ತೆಗೆದುಕೊಳ್ಳುವುದಿಲ್ಲ, ಹಾಗು ಹೊಸ ವರ್ಗಾಯಿಸಲಾಗುವುದು ಜೋಡಿಸಲ್ಪಟ್ಟಿರುತ್ತವೆ. ಈ ಪ್ರಕ್ರಿಯೆಯು "ಡಾಕ್ಯುಮೆಂಟ್ ಹರಿವು" ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ.

ಹರಿವು ನಡವಳಿಕೆಯನ್ನು ಬಳಸಲಾಗುತ್ತದೆ ಪೊಸಿಷನ್ ಆಸ್ತಿ ಬದಲಾಯಿಸಲು . ಸಿಎಸ್ಎಸ್ ನಲ್ಲಿ. float, но его мы рассматривать не будем. ಇದು ಫ್ಲೋಟ್ ಗುಣಲಕ್ಷಣಗಳಿಂದಾಗಿ ಬದಲಾಗಬಹುದು, ಆದರೆ ಇದು ಪರಿಗಣಿಸಲಾಗುವುದಿಲ್ಲ. ಇಡುವುದರ ಸದಸ್ಯನ ಜೊತೆಗೆ ಬೇರೆ ವರ್ತಿಸುವಂತೆ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ ನಂತರ ಸಾಮಾನ್ಯ ಸ್ಟ್ರೀಮ್, "ಬೀಳುತ್ತವೆ" ಮಾಡಬಹುದು. ಹೇಗೆ ನಿಖರವಾಗಿ - ಇದು ಆಸ್ತಿಯ ಬಳಸಲಾಗುತ್ತದೆ ಮೌಲ್ಯವನ್ನು ಅವಲಂಬಿಸಿರುತ್ತದೆ.

ಸಿಎಸ್ಎಸ್ ಪೊಸಿಷನ್: ಸ್ಥಿರ

или статическое позиционирование, является значением по умолчанию для всех блоков html, которые вы создали. ಸ್ಥಾನ: ಸ್ಥಿರ, ಅಥವಾ ಸ್ಥಿರ ಸ್ಥಾನಿಕ ನೀವು ರಚಿಸಿದ ಎಲ್ಲಾ HTML ಬ್ಲಾಕ್ಗಳನ್ನು ಡೀಫಾಲ್ಟ್ ಆಗಿದೆ. ಸಾಮಾನ್ಯ ಸಂದರ್ಭಗಳಲ್ಲಿ, ನೀವು ಅವರನ್ನು ನಿಭಾಯಿಸಲು ಹೊಂದಿಲ್ಲ. static. ಯಾವುದೇ ಬ್ಲಾಕ್ ಅಥವಾ ಸಾಲಿನ ಎಲ್ಲಾ ಯಾವುದೇ ಸ್ಥಾನದಲ್ಲಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ ವೇಳೆ, ಆದ್ದರಿಂದ ಇದು ಮುಖ್ಯ ಸ್ಥಿರವಾಗಿರುತ್ತದೆ. ಪುಟದಲ್ಲಿ ಅಂಶಕ್ಕೆ ಹರಿವು ಅನುಗುಣವಾಗಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. right/left или top/bottom, никакого эффекта не будет. ನೀವು ಅವರನ್ನು ಆಸ್ತಿ ಬಲ / ತೋರಿಸಲು ಎಡ ಅಥವಾ / ಉನ್ನತ, ಯಾವುದೇ ಪರಿಣಾಮ ಇರುತ್ತದೆ.

ಸಿಎಸ್ಎಸ್ ಪೊಸಿಷನ್: ಸ್ಥಿರ

оказывается вне нормального потока документа. ಈ ಆಸ್ತಿ ಬಳಸುವಾಗ, ಅಂಶ ದಾಖಲೆಗಳನ್ನು ಸಾಮಾನ್ಯ ಹರಿವು ಹೊರಗಿದೆ. относительно окна браузера, независимо от того, как размещаются прочие компоненты. ಈಗ ತನ್ನ ಸ್ಥಾನವನ್ನು ಲೆಕ್ಕಿಸದೆ ಇತರ ಘಟಕಗಳನ್ನು ಹೇಗೆ ಸ್ಥಿತವಾಗಿವೆ ನ, ಬ್ರೌಸರ್ ವಿಂಡೋಗೆ ಸಾಪೇಕ್ಷ ಕಂಡುಹಿಡಿಯಲಾಗುತ್ತದೆ. : fixed отправится в верхнюю часть страницы, прижмется к краю окна браузера, а прочие элементы займут его место в соответствии с потоком. ಅರ್ಥಾತ್, ಪೊಸಿಷನ್ ಒಂದು ಬ್ಲಾಕ್: ಸ್ಥಿರ ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಅಂಚಿಗೆ ವಿರುದ್ಧ ಒತ್ತಿದರೆ ಪುಟದ, ಬಿಟ್ಟು, ಮತ್ತು ಇತರ ಅಂಶಗಳನ್ನು ಹರಿವು ಪ್ರಕಾರ ಅದರ ನಡೆಯುತ್ತವೆ.

ಸ್ಥಿರ ಸ್ಥಾನವನ್ನು ಅಂಶಗಳನ್ನು ಪ್ರಮುಖ ಇತರ ಬ್ಲಾಕ್ಗಳನ್ನು ಮತ್ತು ಪುಟ ಸ್ಟ್ರಿಂಗ್ ಅತಿಕ್ರಮಿಸುವ ಆಗಿದೆ. : fixed будет будто бы оставаться на месте, не исчезая с экрана. ಪೊಸಿಷನ್ ಬ್ಲಾಕ್ ಸ್ಕ್ರೋಲಿಂಗ್ ಯಾವಾಗ: ಸ್ಥಿರ ಬಹುಶಃ ತೆರೆಯಿಂದ ಕಣ್ಮರೆಯಾಗುತ್ತಿರುವ ಇಲ್ಲದೆ ಸ್ಥಳದಲ್ಲಿ ಉಳಿಯುತ್ತದೆ. ನೀವು ನ್ಯಾವಿಗೇಟ್ ಅಥವಾ ಬಳಕೆದಾರನಿಗೆ ಯಾವಾಗಲೂ ಪ್ರವೇಶವನ್ನು ಹೊಂದಿರುವ ಮಾಡಬೇಕು, ಹಾಗೆ ಅಗತ್ಯವಿದ್ದರೆ ಸಹಾಯವಾಗುತ್ತದೆ. ಪುಟದ ಒಂದು ನಿರ್ದಿಷ್ಟ ಭಾಗದಲ್ಲಿ ಒಂದು ತ್ವರಿತ ಚಲನ ಬಟನ್ ಇರಿಸಿ ಸ್ಥಿರ ಬಳಸಲಾಗುತ್ತದೆ.

ಸಿಎಸ್ಎಸ್ ಪೊಸಿಷನ್: ಸಾಪೇಕ್ಷ

. ಈ ಆಸ್ತಿ ಬಳಸಿಕೊಂಡು ಸ್ಥಾನದ ಕರೆಯಲಾಗುತ್ತದೆ. : relative, тот останется на своем месте. ನೀವು ಐಟಂ ಆಸ್ತಿ ಪೊಸಿಷನ್ ಹೊಂದಿಸಿದಲ್ಲಿ: ಸಂಬಂಧಿ, ಅದರ ಸ್ಥಳದಲ್ಲಿ ಉಳಿಯುತ್ತದೆ. right/left и top/bottom. ಮೊದಲ ನೋಟದಲ್ಲಿ, ಏನೂ ಹೆಚ್ಚು ಸಂಭವಿಸುತ್ತದೆ, ಆದರೆ ಹೆಚ್ಚಿನ ಬಳಕೆಗೆ ಗುಣಗಳನ್ನು ಎಡ / ಬಲ ಮತ್ತು ಉನ್ನತ / ಕೆಳಗೆ ಎಲ್ಲಾ ಬದಲಾವಣೆ. ಅವರು ಅದರ ಸ್ಥಾನಕ್ಕೆ ಘಟಕವನ್ನು ಸಂಬಂಧಿ ಚಲನೆಯನ್ನು ನಿಯಂತ್ರಿಸಲು ಬಳಸಬಹುದು. останутся на своих положениях, не обращая внимания на освободившееся место . ಬ್ಲಾಕ್ ಅಥವಾ ಲೈನ್ ಬಳಸಲಾಗುತ್ತದೆ ಅಲ್ಲಿ ಸ್ಥಳಕ್ಕೆ, ಖಾಲಿ ಜಾಗವನ್ನು ಎಂದು - ಇತರ ಅಂಶಗಳನ್ನು ಖಾಲಿ ಗಮನ ನೀಡುವುದಿಲ್ಲ, ತಮ್ಮ ಸ್ಥಾನಗಳಲ್ಲಿ ಉಳಿದಿವೆ.

ನೀವು ಸರಿಸಲು ಘಟಕವನ್ನು ಪುಟದ ಸುತ್ತಮುತ್ತಲ ಭಾಗಗಳು ಸ್ಥಾನವನ್ನು ಪರಿಣಾಮ ಬೀರುವುದಿಲ್ಲ. ತುಲನಾತ್ಮಕವಾಗಿ ಸ್ಥಾನದಲ್ಲಿದೆ ಬ್ಲಾಕ್ ಅವರನ್ನು ನಿರ್ಬಂಧಿಸಬಹುದು ಆದಾಗ್ಯೂ ಅವುಗಳು ಸ್ಥಳದಲ್ಲಿ ಉಳಿಯುತ್ತದೆ. ಸ್ವತಃ, ಆಸ್ತಿ ವಿರಳವಾಗಿ ಉಪಯೋಗಿಸಲಾಗುತ್ತದೆ. ಸಾಮಾನ್ಯವಾಗಿ ಇದು ಕೆಳಗಿನ ಸಾಕಾರ ಸಂಯೋಗದೊಂದಿಗೆ ಬಳಸಲಾಗುತ್ತದೆ.

ಸಂಪೂರ್ಣ ಸ್ಥಾನೀಕರಣ

ಅತ್ಯಂತ ಆಸಕ್ತಿದಾಯಕ ಮತ್ತು ಹೆಚ್ಚಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ ಆಯ್ಕೆಗಳನ್ನು ಒಂದು. ಗುಣಗಳನ್ನು ಪೊಸಿಷನ್ ಬಳಸುವಾಗ absolute положение компонента страницы будет высчитываться относительно окна браузера. ಪುಟ ಘಟಕವನ್ನು ಸಂಪೂರ್ಣ ಸ್ಥಾನವನ್ನು ಮೌಲ್ಯದೊಂದಿಗೆ ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಸಂಬಂಧಿತವಾದ ಲೆಕ್ಕಾಚಾರ ಮಾಡಲಾಗುತ್ತದೆ. элементы (не являющиеся абсолютно позиционированными) словно «забудут» о существовании «собрата» с Position : absolute и займут его место в потоке. ಇತರೆ ಅಂಶಗಳನ್ನು (ಸಂಪೂರ್ಣವಾಗಿ ಅಲ್ಲದ ಸ್ಥಾನದಲ್ಲಿದೆ) ಸ್ಥಾನ ಅಸ್ತಿತ್ವಕ್ಕೆ "ಸಹೋದರ" "ಮರೆಯಬೇಡಿ" ನಂತಹ ಪರಿಪೂರ್ಣ ಮತ್ತು ಸ್ಟ್ರೀಮ್ ತನ್ನ ಸ್ಥಾನವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ. : fixed, но есть и серьезные различия. ಇದು ನಿಖರವಾಗಿ ಎಲ್ಲವೂ ಪೊಸಿಷನ್ ಸಂದರ್ಭದಲ್ಲಿ ಅದೇ ಎಂದು ತೋರುತ್ತದೆ: ಸ್ಥಿರ, ಆದರೆ ಪ್ರಮುಖ ವ್ಯತ್ಯಾಸಗಳಿವೆ.

top/right/bottom/left. ಮೊದಲನೆಯದಾಗಿ, ಮೂಲವಸ್ತುವಿನ ಸ್ಥಾನವನ್ನು ಮುಕ್ತವಾಗಿ ನಿಯಂತ್ರಿಸಬಹುದು - ಈ ಆಸ್ತಿ ಅಗ್ರ / ಬಲ / ಕೆಳಗೆ / ಎಡ ಬಳಸಲಾಗುತ್ತದೆ. bottom : 100px, блок «оттолкнется» от нижней част страницы на 100 пикселей. ಉದಾಹರಣೆಗೆ, ನೀವು ಕೆಳಗೆ ಮೌಲ್ಯವನ್ನು ಸೆಟ್ ವೇಳೆ: 100px, ಬ್ಲಾಕ್ ಪುಟ 100 ಪಿಕ್ಸೆಲ್ಗಳ ಕೆಳಗಿನಿಂದ "ಆಫ್ ತಳ್ಳಲು". ಎರಡನೆಯದಾಗಿ, ಸ್ಕ್ರೋಲಿಂಗ್ "ಸಂಪೂರ್ಣ" ಘಟಕವನ್ನು ಬದಲಿಗೆ ಪುಟಕ್ಕೆ ನ್ಯಾವಿಗೇಟ್ ಹೊಂದುವ, ಸ್ಥಳದಲ್ಲಿ ಉಳಿಯುತ್ತದೆ.

ಪೋಷಕ ಅಂಶಗಳನ್ನು ಸಂವಹನ ಸಂಪೂರ್ಣ ಘಟಕಗಳು

ನೀವು ಸಂಪೂರ್ಣವಾಗಿ ಇರಿಸಲಾಗಿರುವ ಘಟಕವನ್ನು ಮೇಲೆ ಇನ್ನೂ ಹೆಚ್ಚಿನ ನಿಖರ ನಿಯಂತ್ರಣ ಸಾಧಿಸಬಹುದು. : fixed, relative или absolute. ಇದನ್ನು ಮಾಡಲು, ನೀವು ಅದರ ಪೋಷಕ ಆಸ್ತಿ ಪೊಸಿಷನ್ ಹೊಂದಿಸಲು ಅಗತ್ಯವಿದೆ: ಸ್ಥಿರ, ಸಂಬಂಧಿ ಅಥವಾ ಸಂಪೂರ್ಣ.

ಒಂದು ಉದಾಹರಣೆ ಪರಿಗಣಿಸಿ. div с классом relative-div, внутри которого размещается div с классом absolute-div. ನೀವು ಸಂಪೂರ್ಣ-DIV ಆಫ್ ವರ್ಗ ಒಂದು DIV ಇಡಲಾದ ಒಳಗೆ ಸಂಬಂಧಿ DIV ಒಂದು ವರ್ಗ, ಒಂದು DIV ಹೊಂದಿರುತ್ತವೆ. : absolute. ಸಂಪೂರ್ಣ: ನಾವು ಒಳಾಂಗಣ ಘಟಕದ ಆಸ್ತಿ ಪೊಸಿಷನ್ ಸೆಟ್. ಅವರು ತಕ್ಷಣ ರಾಶಿಯಿಂದ "ತೆಗೆದು" ಮತ್ತು ಈಗ ಅದರ ಸ್ಥಳ ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಸಂಬಂಧಿತವಾದ ಲೆಕ್ಕಾಚಾರ ಏಕೆಂದರೆ, ಎಲ್ಲೋ ಮೇಲಿರುವ. relative-div свойство Position : relative и «блудный сын» возвращается на место. ಈಗ ವರ್ಗದ ಸಂಬಂಧಿ DIV ಪೊಸಿಷನ್ ಆಸ್ತಿ ಬ್ಲಾಕ್ ನೀಡಲಾಗಿದೆ: ಸಾಪೇಕ್ಷ ಮತ್ತು "ಉಡಾಳ ಮಗ" ಸ್ಥಳದಲ್ಲಿ ಬ್ಯಾಕ್. ಬಹುತೇಕ. ವಾಸ್ತವವಾಗಿ, ಅದನ್ನು ಪೋಷಕ ಅಂಶ ಮೇಲಿನ ಎಡ ಮೂಲೆಯಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.

ಏಕೆ ಘಟಿಸಿತು? : absolute. ನಿರ್ದಿಷ್ಟ ಗುಣಗಳನ್ನು ಪೊಸಿಷನ್ ರಲ್ಲಿ ಡೀಲ್: ಸಂಪೂರ್ಣ. static, позиция начинает зависеть от родительского элемента. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಅದರ ಸ್ಥಳ ನಿಮ್ಮ ಬ್ರೌಸರ್ ಅವಲಂಬಿಸಿರುತ್ತದೆ, ಆದರೆ "ಪೋಷಕ" ಏನು ಆದರೆ ಸ್ಥಿರ ಸ್ಥಾನದಲ್ಲಿದೆ ವೇಳೆ, ಸ್ಥಾನ ಮೂಲ ಅಂಶ ಅವಲಂಬಿಸಿರುತ್ತದೆ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ. ನೀವು proschityvaya ಭಾರೀ ಸಂಖ್ಯೆಯ ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಸಂಬಂಧಿತವಾದ ಇಲ್ಲದೆ ನಗರದಲ್ಲಿ ಘಟಕವನ್ನು ಇರಿಸಬಹುದು ಈ ಅದ್ಭುತವಾಗಿದೆ. ಅಡ್ಮಿಷನ್ ಸಾಮಾನ್ಯವಾಗಿ ಚಿಹ್ನೆಗಳು, ಗುಂಡಿಗಳು ಮತ್ತು ಇತರ ಸಣ್ಣ ಐಟಂಗಳನ್ನು ಇರಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ.

ಪೊಸಿಷನ್ ಸಿಎಸ್ಎಸ್ ಕೇಂದ್ರಿತ

ಪ್ರಮುಖ ತೊಂದರೆಗಳೆಂದರೆ ಆರಂಭಿಕ ಒಂದು ಲಂಬವಾಗಿ ಮತ್ತು ಅಡ್ಡಲಾಗಿ ಅಂಶ ಸೆಂಟರ್ ಆಗಿದೆ. , сделать это проще простого. ಸರಿಯಾಗಿ ಪೊಸಿಷನ್ ಆಸ್ತಿ ಬಳಸಿಕೊಂಡು, ಇದು ಸುಲಭ ಮಾಡಲು. ಸಿಎಸ್ಎಸ್ ಪೊಸಿಷನ್: ಕೆಳಗಿನಂತೆ ಕೇಂದ್ರದಲ್ಲಿ ಸಂಪೂರ್ಣ ಹೊಂದಿಸಲಾಗಿದೆ. iv с классом absolute-div, который находится в «диве» с классом relative-div. ನೀವು ಒಂದು ವರ್ಗ ಡಿ IV ಸಂಪೂರ್ಣ-DIV, ಇದು ವರ್ಗ ಸಂಬಂಧಿ DIV ಗೆ "ದಿವಾ" ಆಗಿದೆ ಹೊಂದಿವೆ ಹೇಳುತ್ತಾರೆ. "ಪೋಷಕ" ಮತ್ತು ಇಡೀ ಪುಟದ ಅಗಲ ಸಮಾನವಾಗಿರುತ್ತದೆ ಅದರ ಅಗಲವು ಸಂಬಂಧಿ. и высоту 400 px, абсолютное позиционирование и по умолчанию располагается в верхнем левом углу родительского элемента. "ಸಂತತಿಯವನಾದ" ಒಂದು ಅಗಲ ಮತ್ತು 400 px ಆಗಿರುತ್ತದೆ, ಸಂಪೂರ್ಣ ಸ್ಥಾನೀಕರಣ ಎತ್ತರವನ್ನು ಹೊಂದಿದೆ, ಮತ್ತು ಮೂಲ ಅಂಶ ಮೇಲಿನ ಎಡ ಮೂಲೆಯಲ್ಲಿ ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಇದೆ.

top: 50 % и left: 50 %. 50% ಮತ್ತು ಎಡ:: 50% - ನೀವು ಮಾಡಬೇಕಾಗಿರುವುದಿಷ್ಟೇ ಸಂಪೂರ್ಣ ಘಟಕವನ್ನು ಅಗ್ರ ಹೊಂದಿದೆ. ಬಹುತೇಕ ಪೂರ್ಣಗೊಂಡಿದೆ! сдвинулся с места и оказался почти в центре, но не совсем. ಸಂಪೂರ್ಣ-DIV ಬಡ್ಜ್ ಮತ್ತು ಬಹುತೇಕ ಕೇಂದ್ರದಲ್ಲಿ, ಆದರೆ ಸಾಕಷ್ಟು. ಮೀನ್ಸ್ "ಪೋಷಕ" ತನ್ನ ಕೊನೆಯಲ್ಲಿ ಸಂಬಂಧಿಸಿರಬಹುದು ಮತ್ತು ನಾವು ಬ್ಲಾಕ್ನಲ್ಲಿ ಕೇಂದ್ರದಲ್ಲಿ ಪಡೆಯಬೇಕು ಕೇಂದ್ರದಲ್ಲಿ ಸಾಬೀತಾಯಿತು "ಬೀಜ." margin-left и margin-right со значениями -200 px. ಇದನ್ನು ಮಾಡಲು, ನೀವು ಅವರನ್ನು ಮೌಲ್ಯಗಳು -200 px ಆಗಿರುತ್ತದೆ ಒಂದು ಬಲ ಅಂಚು ಅಂಚು ಎಡ ಮತ್ತು ಕೇಳಬೇಕಾಗುತ್ತದೆ. ಹೀಗಾಗಿ, ನಾವು ಅದರ ಎತ್ತರ ಮತ್ತು ಅಗಲದ ಅರ್ಧ ಸಂಪೂರ್ಣವಾಗಿ ಇರಿಸಲಾಗಿರುವ ಬ್ಲಾಕ್ ರಜೆ. ಇದು ಮಧ್ಯದಲ್ಲಿರುವ!

ಅತಿಕ್ರಮಿಸುವ ಘಟಕಗಳನ್ನು

ಸಮಸ್ಯೆಯನ್ನು ಕಷ್ಟ, ಮೊದಲ ನೋಟದಲ್ಲಿ, ಸ್ಥಾನದಲ್ಲಿರುವ ಅಂಶಗಳನ್ನು ತಮ್ಮ "ನೆರೆ" ಗೆ "ಹೇರುವುದು" ಆಗಿರಬಹುದು. : fixed будет перекрывать все, что расположено на странице. ಉದಾಹರಣೆಗೆ, ಘಟಕವನ್ನು ಪೊಸಿಷನ್: ಸ್ಥಿರ ಎಲ್ಲಾ ಪುಟದಲ್ಲಿರುವ ಅತಿಕ್ರಮಿಸುತ್ತದೆ. z-index, однако помните, что оно работает только для позиционированных элементов. ಪರಿಸ್ಥಿತಿಯನ್ನು ಸುಧಾರಿಸಲು, ನೀವು Z- ಸೂಚ್ಯಂಕ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಿಕೊಂಡು, ಆದರೆ ಇದು ಕೇವಲ ಸ್ಥಾನದಲ್ಲಿದೆ ಅಂಶಗಳಿಗಾಗಿ ಕೆಲಸ ನೆನಪಿಸಿಕೊಂಡಿರಬಹುದು. ಅದೇ ರೀತಿ ನೀವು ಸ್ಥಿರ ಇರಿಸಲಾಗಿರುವ ಅಂಶದ ಮೇಲೆ ಒಂದು ಬ್ಲಾಕ್ ಇರಿಸಿ, ಈ ಘಟಕವು ಸ್ಥಾನಿಕ ಸೆಟ್ ಮಾಡಬೇಕು. ಉದಾಹರಣೆಗೆ, ಒಂದು ತುಲನಾತ್ಮಕ.

учший способ освоить позиционирование – рассматривать примеры Position CSS, экспериментировать и пробовать что-то свое. ಪ್ರಯೋಗ ಮತ್ತು ಬೇರೆ ಪ್ರಯತ್ನಿಸಿ, ಉದಾಹರಣೆಗಳು ಪೊಸಿಷನ್ ಸಿಎಸ್ಎಸ್ ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ - ಸ್ಥಾನಿಕ ಮಾಸ್ಟರ್ ಉತ್ತಮ ರೀತಿಯಲ್ಲಿ. calc() – это даст возможность более гибко настраивать расположение. ಕಾರ್ಯ ಸರಂಧ್ರ () ಜೊತೆಯಾಗಿ ಬಳಸಲು ತಿಳಿಯಲು ಪ್ರಯತ್ನಿಸಿ - ಈ ಸ್ಥಾನವನ್ನು ಸರಿಹೊಂದಿಸಲು ಹೆಚ್ಚಿನ ನಮ್ಯತೆಯನ್ನು ಸಕ್ರಿಯಗೊಳಿಸುತ್ತದೆ. ಆದಾಗ್ಯೂ, ಈ ಆಸ್ತಿ ಸಂಪೂರ್ಣ "ಜಾಲ" ಪುಟಗಳು ನಿರ್ಮಿಸಲು ಉದ್ದೇಶ ಇದೆ ಎಂದು ನೆನಪಿಡಿ. ಇದನ್ನು, ನೀವು ತಪ್ಪಾಗಿ ತೀರಾ ಸುಲಭ ಮಾಡಬಹುದು ತುಲನಾತ್ಮಕವಾಗಿ ಸಣ್ಣ ಅಂಶಗಳನ್ನು ಚಲಿಸಬೇಕಾಗುತ್ತದೆ, ಅಥವಾ.