diff options
Diffstat (limited to 'files/ru/web/css/position/index.html')
| -rw-r--r-- | files/ru/web/css/position/index.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/files/ru/web/css/position/index.html b/files/ru/web/css/position/index.html index c75944e603..f7530d5e17 100644 --- a/files/ru/web/css/position/index.html +++ b/files/ru/web/css/position/index.html @@ -60,7 +60,7 @@ translation_of: Web/CSS/position <h2 id="Примеры">Примеры</h2> -<h3 id="Relative_positioning" name="Relative_positioning">Относительное позиционирование</h3> +<h3 id="Relative_positioning">Относительное позиционирование</h3> <p>Относительно позиционированные элементы смещены на определённую величину от их обычной позиции в документе, но без смещения, влияющего на другие элементы. В приведённом ниже примере обратите внимание, как размещаются другие элементы, как если бы «Two» занимало пространство своего обычного расположения.</p> @@ -92,7 +92,7 @@ translation_of: Web/CSS/position <p>{{ EmbedLiveSample('Relative_positioning', '600px', '200px') }}</p> -<h3 id="Absolute_positioning" name="Absolute_positioning">Абсолютное позиционирование</h3> +<h3 id="Absolute_positioning">Абсолютное позиционирование</h3> <p>Элементы, расположенные относительно друг друга, остаются в нормальном потоке документа. В противоположность этому, элемент с абсолютным позиционированием, выбивается из потока; таким образом, другие элементы располагаются без учёта абсолютных. Абсолютно позиционируемый элемент располагается относительно его ближайшего предка (который не является <code>static</code>). Если такого предка не существует, то абсолютный элемент позиционируется относительно ICB (начальный содержащий блок - см. также <a class="external external-icon" href="https://www.w3.org/TR/CSS2/visudet.html#containing-block-details">определение W3C</a>), который содержит блок корневого элемента документа.</p> @@ -132,7 +132,7 @@ span { <p>{{EmbedLiveSample('Absolute_positioning', '100%', 420)}}</p> -<h3 id="Fixed_positioning" name="Fixed_positioning">Фиксированное позиционирование</h3> +<h3 id="Fixed_positioning">Фиксированное позиционирование</h3> <p>Фиксированное позиционирование аналогично абсолютному, за исключением того, что блок, содержащий элемент, является начальным содержащим блоком, установленным в окне просмотра, если только у какого-либо предка не было <code>transform</code>, <code>perspective</code>, или свойства <code>filter</code>, отличное от <code>none</code> (см. <a class="external external-icon" href="https://www.w3.org/TR/css-transforms-1/#propdef-transform">CSS Transforms Spec</a>), из-за чего этот предок занимает место элементов, содержащих блок. Это можно использовать для создания «плавающего» элемента, который остаётся в том же положении независимо от прокрутки. В приведённом ниже примере окно c <code>id="one"</code> фиксируется в 80 пикселях от верхней части страницы и в 10 пикселях слева. Даже после прокрутки оно остаётся в том же месте относительно окна просмотра.</p> @@ -194,7 +194,7 @@ span { <p>{{EmbedLiveSample('Fixed_positioning', '800px', '300px')}}</p> -<h3 id="Sticky_positioning" name="Sticky_positioning">Липкое позиционирование</h3> +<h3 id="Sticky_positioning">Липкое позиционирование</h3> <p>Липкое позиционирование можно рассматривать как гибрид относительного и фиксированного позиционирования. Липкий позиционированный элемент обрабатывается как относительно позиционированный до тех пор, пока он не пересечёт заданный порог, после чего он будет считаться фиксированным, пока не достигнет границы его родителя. Например...</p> @@ -295,7 +295,7 @@ dd + dd { <p>Элементы прокрутки, содержащие <code>fixed</code> или <code>sticky</code> контент, могут вызвать проблемы с производительностью и доступностью. Когда пользователь прокручивает страницу, браузер должен перерисовать <code>sticky</code> или <code>fixed</code> контент в новом месте. В зависимости от содержимого, которое необходимо перерисовать, производительности браузера и скорости обработки устройства, браузер может не справиться с перерисовкой со скоростью 60 кадров в секунду, что вызывает проблемы с доступностью для людей с чувствительностью и раздражением для всех. Одним из решений является добавление {{cssxref ('will-change', 'will-change: transform')}} к позиционированным элементам для визуализации элемента на его собственном уровне, повышения скорости перерисовки и, следовательно, повышения производительности и доступности.</p> -<h2 id="Specifications" name="Specifications">Характеристики</h2> +<h2 id="Specifications">Характеристики</h2> <table class="standard-table"> <thead> @@ -319,6 +319,6 @@ dd + dd { </tbody> </table> -<h2 id="Browser_compatibility" name="Browser_compatibility">Совместимость с браузером</h2> +<h2 id="Browser_compatibility">Совместимость с браузером</h2> <p>{{Compat("css.properties.position")}}</p> |