diff --git a/translations/ar.yaml b/translations/ar.yaml
index a55ec89..1e6806a 100644
--- a/translations/ar.yaml
+++ b/translations/ar.yaml
@@ -77,7 +77,7 @@ position.fixed.title: "fixed"
position.fixed.1: "نعني بذلك أن العنصر سيكون ثابتًا؛ بمعنى أنه سيتم تحديده بالنسبة لعرض الشاشة، وهذا سيجعل العنصر ثابتًا في نفس المكان مهما قمت بتحريك الفارة. يمكن تحقيق ذلك باستخدام الخصائص التالية: relative
، وtop
، وright
، وbottom
، وleft
."
position.fixed.2: " متأكد من أنك قد لاحظت أن العنصر الثابت في الزاوية اليمنى السفلى اليسرى من الصفحة. حسنًا، لم لا تلق نظرة عليه الآن؟. كود الcss التالي هو الذي جعل العنصر السابق في هذا المكان."
position.fixed.3: "العنصر الثابت لا يترك فراغًا في المكان الذي يتواجد به في الصفحة."
-position.fixed.4: "متصفحات الأجهزة المحمولة لديها دعم ضعيف لموضوع العناصر الثابتة. ألق نظرة على المشكلة هنا."
+position.fixed.4: "متصفحات الأجهزة المحمولة لديها دعم ضعيف لموضوع العناصر الثابتة. ألق نظرة على المشكلة هنا."
position.fixed.example: "مرحبًا!. أنا عنصر ثابت لا أتحرك."
position.absolute.title: "absolute"
position.absolute.1: "قيمة absolute
هي أكثر قيمة صعبة الاستخدام. تُستخدم هذه القيمة تقريبًا مثل القيمة fixed
باستثناء أمر واحد وهو .أنه يتم تحديد القيمة بالنسبة إلى أقرب عنصر، وذلك بدلًا من تحديدها بالنسبة لعرض الشاشة. استخدام هذه الخاصية مع أي عنصر دون وجود عنصر قريب؛ فإن الموقع سيعتبر أقرب عنصر هو جسم الصفحة (body)."
diff --git a/translations/de.yaml b/translations/de.yaml
index e9f6254..69aec5c 100644
--- a/translations/de.yaml
+++ b/translations/de.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "Ein fixiertes Element wird relativ zum Viewport platziert. Das heißt, das Element bleibt an der selben Stelle, auch wenn die Seite gescrollt wird. Wie bei relative
werden die Eigenschaften top
, right
, bottom
und left
benutzt"
position.fixed.2: "Sicher hast du das fixierte Element in der unteren rechten Ecke dieser Seite bemerkt. Hiermit erlaube ich dir, ihm deine Aufmerksamkeit zu schenken. Hier ist der CSS Code, der es da hingebracht hat:"
position.fixed.3: "Ein fixiertes Element hinterlässt keine Lücke, wo es normalerweise auf der Seite wäre."
-position.fixed.4: "Mobile Browser unterstützen fixed erstaunlich schlecht. Hier erfährst du mehr über diese Situation."
+position.fixed.4: "Mobile Browser unterstützen fixed erstaunlich schlecht. Hier erfährst du mehr über diese Situation."
position.fixed.example: "Hallo! Ignorier mich erst einmal."
position.absolute.title: "absolute"
position.absolute.1: "absolute
ist der kniffeligste position-Wert. absolute
verhält sich wie fixed
aber relativ zum nächten positionierten Ancestor statt relativ zum Viewport. Hat ein absolut positioniertes Element keinen positionierten Ancestor, benutzt es den document body und bewegt sich auch mit der gescrollten Seite. Zur Erinnerung: Ein \"positioniertes\" Element ist eines das als Position irgendeinen Wert außer static
hat."
diff --git a/translations/en.yaml b/translations/en.yaml
index a088fb0..b626ea9 100644
--- a/translations/en.yaml
+++ b/translations/en.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "A fixed element is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. As with relative
, the top
, right
, bottom
, and left
properties are used."
position.fixed.2: "I'm sure you've noticed that fixed element in the lower-right hand corner of the page. I'm giving you permission to pay attention to it now. Here is the CSS that puts it there:"
position.fixed.3: "A fixed element does not leave a gap in the page where it would normally have been located."
-position.fixed.4: "Mobile browsers have surprisingly shaky support for fixed. Learn more about the situation here."
+position.fixed.4: "Mobile browsers have surprisingly shaky support for fixed. Learn more about the situation here."
position.fixed.example: "Hello! Don't pay attention to me yet."
position.absolute.title: "absolute"
position.absolute.1: "absolute
is the trickiest position value. absolute
behaves like fixed
except relative to the nearest positioned ancestor instead of relative to the viewport. If an absolutely-positioned element has no positioned ancestors, it uses the document body, and still moves along with page scrolling. Remember, a \"positioned\" element is one whose position is anything except static
."
diff --git a/translations/es.yaml b/translations/es.yaml
index 95ca5b3..98a1ddc 100644
--- a/translations/es.yaml
+++ b/translations/es.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "Un elemento fixed (fijo) se posiciona a la ventana del navegador de manera relativa, lo que significa que se mantendrá en el mismo lugar incluso después de hacer scroll en la página. Al igual que con relative
, las propiedades top
, right
, bottom
, y left
también son usadas."
position.fixed.2: "Estoy seguro que ya notaste el elemento fijo en la parte de abajo a la derecha de la página. Te doy permiso de que lo veas ahora. Aquí está el CSS que lo posiciona donde está:"
position.fixed.3: "Un elemento con valor fixed no deja espacio en el lugar de la página donde estaba ubicado normalmente."
-position.fixed.4: "Los buscadores móviles, sorprendentemente, no tienen muy buen soporte para el valor fixed
. Aprende más al respecto aquí."
+position.fixed.4: "Los buscadores móviles, sorprendentemente, no tienen muy buen soporte para el valor fixed
. Aprende más al respecto aquí."
position.fixed.example: "Hola! No me prestes atención todavía"
position.absolute.title: "absolute"
position.absolute.1: "absolute
(absoluto) es el valor más mañoso. absolute
se comporta como fixed
pero es relativo a su ancestro posicionado más cercano en lugar de ser relativo a la ventana del navegador. Si un elemento con position: absolute;
no tiene ancestros posicionados, usará el elemento body del documento, y se seguirá moviendo al hacer scroll en la página. Recuerda, un elemento \"posicionado\" es aquel cuyo valor es cualquiera excepto static
."
diff --git a/translations/fa.yaml b/translations/fa.yaml
index 35d141e..41ca6aa 100644
--- a/translations/fa.yaml
+++ b/translations/fa.yaml
@@ -76,7 +76,7 @@ position.fixed.title: "fixed"
position.fixed.1: "یک عنصر با جایگذاری fixed، جایگذاری اش relative است، اما نه نسبت به عنصر پدر، بلکه نسبت به تمام صفحه، یعنی viewport، که این بدان معنی است که این عنصر همواره در جایش ثابت است، حتی اگر که صفحه scroll شود. درست مانند relative
، صفات top
، right
، bottom
، و left
به کار میروند."
position.fixed.2: "حتما تا الان به عنصر ثابت گوشه ی پایین سمت راست صفحه دقت کرده اید. الان میتوانید آن را بهتر بررسی کنید.برای آن از اید دستورات CSS استفاده شده است:"
position.fixed.3: "یک عنصر ثابت، در صفحه، در آنجایی که باید میبود (و از آن جا به جا شد) هیچ فضای خالی ایجاد نمیکند."
-position.fixed.4: "مرورگرهای موبایل، به شکل اعجاب آوری از عنصرهای ثابت، به شکلی متنوع پشتیبانی میکنند. در این باره میتوانید در اینجا بیشر بیاموزید."
+position.fixed.4: "مرورگرهای موبایل، به شکل اعجاب آوری از عنصرهای ثابت، به شکلی متنوع پشتیبانی میکنند. در این باره میتوانید در اینجا بیشر بیاموزید."
position.fixed.example: "سلام، هنوز لازم نیست که به من توجه کنید!"
position.absolute.title: "absolute"
position.absolute.1: "مقدار absolute
نیز مانند حالت قبل است. با این تفاوت که جایگذاری در آن وابسته به نزدیک ترین پدر جایگذاری شده است و نه viewport. اگر یک عنصر با جایگذاری absolute
هیچ پدر جایگذاری شده ای نداشته باشد، آنگاه از body
برای جایگذاری استفاده میکند و با scroll کردن صفحه بالا و پایین میکند. دقت شود که یک عنصر جایگذاری شده، به هر عنصری گفته میشود که در آن position هر چیزی باشد غیر از static
."
diff --git a/translations/fr.yaml b/translations/fr.yaml
index 71467ad..6190ed8 100644
--- a/translations/fr.yaml
+++ b/translations/fr.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "Un élément positionné en fixed est positionné par rapport a la fenêtre du navigateur, ce qui signifie qu'il reste toujours à la même place même si la page défile. De la même manière qu'avec un élément positionné en relative, nous pouvons utiliser les propriétés top
, right
, bottom
et left
."
position.fixed.2: "Je suis sûr que vous avez remarqué cet élément fixe dans le coin en bas à droite de la page. Je vous autorise à le regarder maitenant. Voici le CSS qui l'a placé là."
position.fixed.3: "Un élément positionné en fixed ne laisse aucun espace dans la page là où il aurait normallement dû se trouver."
-position.fixed.4: "Les navigateurs mobiles ont, étonnement, un support très approximatif de la valeur fixed. Apprenez en plus ici."
+position.fixed.4: "Les navigateurs mobiles ont, étonnement, un support très approximatif de la valeur fixed. Apprenez en plus ici."
position.fixed.example: "Bonjour ! Ne faites pas attention à moi pour l'instant."
position.absolute.title: "absolute"
position.absolute.1: "absolute
est la valeur la plus délicate. absolute
se comporte comme fixed
sauf que son positionnement est relatif à l'élément parent positionné le plus proche au lieu d'être relatif à la fenêtre du navigateur. Si un élément positionné en absolute n'à aucun élément parent positionné, il utilise le corps du document et se déplace avec le document au défilement de la page. N'oubliez-pas qu'un élément \"positionné\" est un élément dont la position est tout sauf static
."
diff --git a/translations/hy.yaml b/translations/hy.yaml
index e06568a..4b9f1ca 100644
--- a/translations/hy.yaml
+++ b/translations/hy.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "A fixed element is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. As with relative
, the top
, right
, bottom
, and left
properties are used."
position.fixed.2: "I'm sure you've noticed that fixed element in the lower-right hand corner of the page. I'm giving you permission to pay attention to it now. Here is the CSS that puts it there:"
position.fixed.3: "A fixed element does not leave a gap in the page where it would normally have been located."
-position.fixed.4: "Mobile browsers have surprisingly shaky support for fixed. Learn more about the situation here."
+position.fixed.4: "Mobile browsers have surprisingly shaky support for fixed. Learn more about the situation here."
position.fixed.example: "Hello! Don't pay attention to me yet."
position.absolute.title: "absolute"
position.absolute.1: "absolute
is the trickiest position value. absolute
behaves like fixed
except relative to the nearest positioned ancestor instead of relative to the viewport. If an absolutely-positioned element has no positioned ancestors, it uses the document body, and still moves along with page scrolling. Remember, a \"positioned\" element is one whose position is anything except static
."
diff --git a/translations/it.yaml b/translations/it.yaml
index eb45b64..fcb9cda 100644
--- a/translations/it.yaml
+++ b/translations/it.yaml
@@ -76,7 +76,7 @@ position.fixed.title: "fixed"
position.fixed.1: "Un elemento fisso è posizionato relativamente all'area visualizzata della finestra, il che significa che rimarrà sempre nello stesso posto anche quando la pagina viene scorsa. Così come per relative
, vengono utilizzate le proprietà top
, right
, bottom
, e left
."
position.fixed.2: "Son sicuro che avrai notato l'elemento fisso nell'angolo in basso a destra della pagina. Ora hai il mio permesso di prestargli attenzione. Qui il codice CSS che lo posiziona laggiù:"
position.fixed.3: "Un elemento fisso non lascia del vuoto nel punto della pagina in cui normalmente sarebbe dovuto essere."
-position.fixed.4: "I browser dei dispositivi mobile hanno un supporto soprendentemente traballante per fixed
. Scopri di più sulla situazione qua."
+position.fixed.4: "I browser dei dispositivi mobile hanno un supporto soprendentemente traballante per fixed
. Scopri di più sulla situazione qua."
position.fixed.example: "Ciao! Non prestarmi attenzione ancora."
position.absolute.title: "absolute"
position.absolute.1: "absolute
è il valore di position più complicato. absolute
si comporta come fixed tranne per il fatto che si riferisce al più vicino elemento di livello superiore posizionato invece che alla porzione di finestra visibile. Se un elemento posizionato in maniera assoluta non ha un elemento di livello superiore posizionato, utilizza il body del documento, e comunque si muoverà insieme allo scorrimento della pagina. Ricorda, gli elementi \"posizionati\" sono quelli che hanno un qualsiasi valore di position tranne static
."
diff --git a/translations/ja.yaml b/translations/ja.yaml
index 69c9daa..f91c604 100644
--- a/translations/ja.yaml
+++ b/translations/ja.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "fiexdな要素は、viewportに対する相対位置で配置される。つまり、ページがスクロールされても、いつでも同じ場所に配置されるという事だ。relative
と同様に、top
、right
、bottom
やleft
プロパティが使われる。"
position.fixed.2: "このページの右下の角にfixedな要素がある。既に君は気づいて、気づかないふりをしていたに違いない。だが、ここではそれに気づく許可をあげよう。これが適用しているCSSだ:"
position.fixed.3: "fixedな要素は、relativeな要素と異なり、元々の表示位置からの調整により生じた隙間にも自動的に他のコンテンツが配置され得る。"
-position.fixed.4: "ただし、モバイルブラウザは、fixedに対して、驚くほどイマイチなサポートしかしていない。もっと詳しい状況を知りたければここを参照しよう。"
+position.fixed.4: "ただし、モバイルブラウザは、fixedに対して、驚くほどイマイチなサポートしかしていない。もっと詳しい状況を知りたければここを参照しよう。"
position.fixed.example: "Hello! まだ私のことは気にしないでね。"
position.absolute.title: "absolute"
position.absolute.1: "absolute
は最も扱いにくい。absolute
はfixed
とほぼ同等である。だが、viewportからの相対位置の代わりに、位置指定有効かつ最も近い世代の祖先要素からの相対位置に配置されるという点が異なる。位置指定有効な要素の祖先を持たなければ、absoluteな要素はdocumentのbodyからの相対位置に配置されるし、ページスクロールで動きもする。 \"位置指定有効な\"要素はstatic
以外のいずれかの値が指定された場合であったことを思い出してほしい。"
diff --git a/translations/ko.yaml b/translations/ko.yaml
index 0dc97eb..b01de5d 100644
--- a/translations/ko.yaml
+++ b/translations/ko.yaml
@@ -70,7 +70,7 @@ position.fixed.title: "fixed"
position.fixed.1: "고정(fixed) 엘리먼트는 뷰포트(viewport)에 상대적으로 위치가 지정되는데, 이는 페이지가 스크롤되더라도 늘 같은 곳에 위치한다는 뜻입니다. relative
와 마찬가지로 top
이나 right
, bottom
, left
프로퍼티가 사용됩니다."
position.fixed.2: "페이지의 우측 하단 구석에 고정된 엘리먼트가 있다는 사실을 눈치채셨을 겁니다. 이 엘리먼트를 눈여겨보세요. 다음은 이 엘리먼트를 그 자리에 놓이게 만든 CSS 코드입니다."
position.fixed.3: "고정 엘리먼트는 평소대로라면 있었을 법한 공백을 페이지에 남기지 않습니다."
-position.fixed.4: "모바일 브라우저의 경우 고정 엘리먼트 지원이 굉장히 불안정합니다. 이와 관련된 사항은 이곳에서 좀 더 자세히 확인하실 수 있습니다."
+position.fixed.4: "모바일 브라우저의 경우 고정 엘리먼트 지원이 굉장히 불안정합니다. 이와 관련된 사항은 이곳에서 좀 더 자세히 확인하실 수 있습니다."
position.fixed.example: "안녕하세요! 아직은 저한테 관심을 보이지 마세요."
position.absolute.title: "absolute"
position.absolute.1: "absolute
는 가장 다루기 까다로운 위치 지정 값입니다. absolute
는 뷰포트에 상대적으로 위치가 지정되는 게 아니라 가장 가까운 곳에 위치한 조상 엘리먼트에 상대적으로 위치가 지정된다는 점을 제외하면 fixed
와 비슷하게 동작합니다. 절대 위치가 지정된 엘리먼트가 기준으로 삼는 조상 엘리먼트가 없으면 문서 본문(document body)을 기준으로 삼고, 페이지 스크롤에 따라 움직입니다. \"위치가 지정된\" 엘리먼트는 position
이 static
으로 지정되지 않은 엘리먼트를 가리킨다는 사실을 기억하세요."
diff --git a/translations/nl.yaml b/translations/nl.yaml
index f0d4572..29558a7 100644
--- a/translations/nl.yaml
+++ b/translations/nl.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "Een fixed element is relatief gepositioneerd ten opzichte van de viewport, wat inhoud dat dit element altijd op dezelfde plek staat ongeacht of de pagina wordt gescrold. Net als met relative
worden de top
, right
, bottom
, en left
properties gebruikt."
position.fixed.2: "Ik ben er zeker van dat het fixed element in de hoek rechtsonder van de pagina niet onopgemerkt is gebleven. Hierbij krijg je toestemming om ernaar te kijken. Hieronder de CSS om dit te bewerkstelligen:"
position.fixed.3: "Een fixed element laat geen ruimte achter in de pagina waar het normaal gesproken zou hebben gestaan."
-position.fixed.4: "Mobiele browsers hebben verrassend genoeg erg wankele support voor de fixed property. Leer hier meer over deze situatie."
+position.fixed.4: "Mobiele browsers hebben verrassend genoeg erg wankele support voor de fixed property. Leer hier meer over deze situatie."
position.fixed.example: "Hallo! Nog geen aandacht aan me besteden."
position.absolute.title: "absolute"
position.absolute.1: "absolute
is de lastigste waarde voor position. absolute
gedraagt zich net als fixed
behalve deze relatief tot de dichtsbijzijnde gepositioneerde voorouder element in tegenstelling tot relatief in de viewport. Als een absolute gepositioneerd element geen gepositioneerde voorouders heeft, dan wordt de document body gebruikt en zal het mee scrollen met de pagina. Voor de duidelijkheid, een \"positioned\" element is een element wiens positie alles is behalve static
."
diff --git a/translations/pt-br.yaml b/translations/pt-br.yaml
index acdc9f0..4834829 100644
--- a/translations/pt-br.yaml
+++ b/translations/pt-br.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "Um elemento fixo - fixed
- é posicionado relativamente ao \"viewport\", isso significa que ele sempre ficará no mesmo lugar mesmo que haja rolagem na página. Assim como o relative
, as propriedades top
, right
, bottom
e left
também são utilizadas."
position.fixed.2: "Tenho certeza que você notou um elemento fixo no canto direito da tela, estou te dando a permissão de observá-lo agora, e aqui está o CSS aplicado a ele:"
position.fixed.3: "Um elemento fixo não deixa espaço vazio onde ele seria inserindo normalmente no documento."
-position.fixed.4: "Navegadores de dispositivos móveis são bastante instavéis ao lidar com o valor fixed
. Saiba mais sobre o assunto aqui."
+position.fixed.4: "Navegadores de dispositivos móveis são bastante instavéis ao lidar com o valor fixed
. Saiba mais sobre o assunto aqui."
position.fixed.example: "Oi! Não se importe comigo ainda."
position.absolute.title: "absolute"
position.absolute.1: "O valor absolute
é o mais complicado. Este valor se comporta como o fixed
, porém tendo como referência a posição do elemento relativo mais próximo de onde está contido, ao invés do viewport. Se um elemento position:absolute não possuir elementos ancestrais posicionados relativamente, ele utilizará o body
como referência."
diff --git a/translations/pt-pt.yaml b/translations/pt-pt.yaml
index f807b46..3f25f14 100644
--- a/translations/pt-pt.yaml
+++ b/translations/pt-pt.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "Um elemento fixo é posicionado relativamente ao viewport, significa que fica sempre no mesmo sitio, mesmo que faça scroll da página. Com relative
, são utilizadas as propriedades top
, right
, bottom
, e left
."
position.fixed.2: "Tenho a certeza que notaste o elemento fixo no canto inferior direito da página. Estou a dar-te permissão para lhe dares atenção agora. Aqui está o CSS que o coloca lá:"
position.fixed.3: "Um elemento fixo não deixa espaço na página onde estaria normalment localizado."
-position.fixed.4: "Browsers de dispositivos móveis têm um apoio instável para fixar. Aprender aqui mais sobre a situação."
+position.fixed.4: "Browsers de dispositivos móveis têm um apoio instável para fixar. Aprender aqui mais sobre a situação."
position.fixed.example: "Hello! Don't pay attention to me yet."
position.absolute.title: "absolute"
position.absolute.1: "absolute
é o valor de posicionamento mais complicado. absolute
comporta-se como fixed
só que relativo ao posicionamento do antecessor mais próximo em vez de relativo ao viewport. Se um elemento positionado absolutamente não tem um antecessor posicionado, utiliza o corpo do documento, e continua a mover-se igualmente com o scroll da página. Lembra-te, um elemtno \"posicionado\" é aquele em que a posição é tudo excepto static
."
diff --git a/translations/ru.yaml b/translations/ru.yaml
index 23c023b..bd954a4 100644
--- a/translations/ru.yaml
+++ b/translations/ru.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "Фиксированное позиционирование элемента относительно окна браузера таково, что он всегда занимает одно и тоже место даже при прокрутке страницы, словно он приклеен к экрану. Также как и для relative
, дополнительные свойства top
, right
, bottom
, и left
для данного позиционирования будут работать."
position.fixed.2: "Я уверен, что вы заметили этот неподвижный элемент в правом нижнем углу страницы. Если же нет, то обратите внимание на него сейчас. Вот CSS, который применяется к нему:"
position.fixed.3: "Фиксированный элемент не оставляет за собой свободное пространство на странице, где он был расположен."
-position.fixed.4: "У мобильных браузеров достаточно шаткая поддержка фиксированного позиционирования. Узнать больше об этой ситуации можно здесь.."
+position.fixed.4: "У мобильных браузеров достаточно шаткая поддержка фиксированного позиционирования. Узнать больше об этой ситуации можно здесь.."
position.fixed.example: "Привет! Не обращай на меня внимания."
position.absolute.title: "absolute"
position.absolute.1: "absolute
наиболее сложное значение позиционирования. absolute
ведет себя как fixed
за исключением того, что позиционирование отсчитывается относительно ближайшего расположенного родителя а не относительно окна браузера. Если элемент абсолютно позиционирован и не имеет родителя,то он использует тело документа и продолжает двигатся вместе со всей страницей при скроллинге. Помните , что \"позиционированный\" элемент - это элемент с любым значением свойства position кроме значения static
."
diff --git a/translations/zh-tw.yaml b/translations/zh-tw.yaml
index b29b7cb..443041b 100644
--- a/translations/zh-tw.yaml
+++ b/translations/zh-tw.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "固定定位(position: fixed
)的元素會相對於瀏覽器視窗來定位,這意味著即便頁面捲動,它還是會固定在相同的位置。和 relative
一樣,我們會使用 top
、 right
、 bottom
和 left
屬性來定位。"
position.fixed.2: "我相信你已經注意到頁面右下角的固定定位元素,你現在可以注意看一下,這裡有它所使用的 CSS 樣式:"
position.fixed.3: "固定定位元素不會保留它原本在頁面應有的空間,不會跟其他元素的配置互相干擾。"
-position.fixed.4: "令人驚訝的是,行動版裝置上的瀏覽器對 fixed
的支援度比想像的還差很多。學習關於此問題的相關文章."
+position.fixed.4: "令人驚訝的是,行動版裝置上的瀏覽器對 fixed
的支援度比想像的還差很多。學習關於此問題的相關文章."
position.fixed.example: "哈囉~ 先不要太關注我!"
position.absolute.title: "absolute"
position.absolute.1: "absolute
應該是最弔詭的 position 屬性值。absolute
與 fixed
的行為很像,不一樣的地方在於 absolute
元素的定位是在他所處上層容器的相對位置。如果這個套用 position: absolute
的元素,其上層容器並沒有「可以被定位」的元素的話,那麼這個元素的定位就是相對於該網頁所有內容(也就是 <body> 元素)最左上角的絕對位置,看起來就是這張網頁的絕對位置一樣,所以當你的畫面在捲動時,該元素還是會隨著頁面捲動。請記得,只有套用 position: static
的元素屬於「不會被特別定位」的元素,套用 static
以外的屬性值都算是「可以被定位」的元素。"
diff --git a/translations/zh.yaml b/translations/zh.yaml
index fcd6479..0930071 100644
--- a/translations/zh.yaml
+++ b/translations/zh.yaml
@@ -74,7 +74,7 @@ position.fixed.title: "fixed"
position.fixed.1: "一个固定定位(position属性的值为fixed)元素会相对于视窗来定位,这意味着即便页面滚动,它还是会停留在相同的位置。和 relative
一样, top
、 right
、 bottom
和 left
属性都可用。"
position.fixed.2: "我相信你已经注意到页面右下角的固定定位元素。你现在可以仔细看看它,这里有它所使用的CSS:"
position.fixed.3: "一个固定定位元素不会保留它原本在页面应有的空隙(脱离文档流)。"
-position.fixed.4: "令人惊讶地是移动浏览器对 fixed 的支持很差。这里有相应的解决方案."
+position.fixed.4: "令人惊讶地是移动浏览器对 fixed 的支持很差。这里有相应的解决方案."
position.fixed.example: "Hello!暂时不要太关注我哦。"
position.absolute.title: "absolute"
position.absolute.1: " absolute
是最棘手的position值。 absolute
与 fixed
的表现类似,但是它不是相对于视窗而是相对于最近的“positioned”祖先元素。如果绝对定位(position属性的值为absolute)的元素没有“positioned”祖先元素,那么它是相对于文档的 body 元素,并且它会随着页面滚动而移动。记住一个“positioned”元素是指 position 值不是 static
的元素。"