Skip to content

Commit a6b6dd3

Browse files
committed
position
1 parent aae2cf8 commit a6b6dd3

File tree

1 file changed

+35
-0
lines changed

1 file changed

+35
-0
lines changed

README.md

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,7 @@
4949
* [اوت لاین](#اوت-لاین)
5050
* [تبدیل تگ block به inline و برعکس](#تبدیل-تگ-block-به-inline-و-برعکس)
5151
* [سرریز](#سرریز)
52+
* [موقعیت](#موقعیت)
5253

5354
## مقدمه
5455

@@ -1625,5 +1626,39 @@ div{
16251626

16261627
این خصیصه فقط روی تگ های بلاکی با طول و عرض مشخص اعمال می شود.
16271628

1629+
## موقعیت
1630+
1631+
مقدار تعیین موقعیت المان در حالت پیش فرض static است.
1632+
1633+
که برای تعیین موقعیت از 4 خصیصه top, bottom, right, left استفاده می کنیم.
1634+
1635+
relative
1636+
1637+
نسبت به حالتی که در حالت عادی دارد تغییر می کند.
1638+
1639+
fixed
1640+
1641+
همیشه یک جا(یک وضعیت و موقعیت ثابت در کل صفحه حتی با اسکرول) قرار می گیرد.
1642+
1643+
مناسب ساخت دکمه شناور برای صفحات اجتماعی می باشد.
1644+
1645+
absolute
1646+
1647+
نسبت به اولین پدری که position غیر static داشته باشد تعیین می شود.
1648+
1649+
sticky
1650+
1651+
وقتی به آن تگ می رسیم در موقعیتی که تعیین کردیم نسبت به صفحه نمایش قرار می گیرد.
1652+
1653+
مناسب درست کردن هدر چسبیده می باشد.
1654+
1655+
```css
1656+
div{
1657+
position: relative;
1658+
top: 0;
1659+
right: 30px;
1660+
}
1661+
```
1662+
16281663

16291664
</div>

0 commit comments

Comments
 (0)