File tree Expand file tree Collapse file tree 1 file changed +35
-0
lines changed Expand file tree Collapse file tree 1 file changed +35
-0
lines changed Original file line number Diff line number Diff line change 49
49
* [ اوت لاین] ( #اوت-لاین )
50
50
* [ تبدیل تگ block به inline و برعکس] ( #تبدیل-تگ-block-به-inline-و-برعکس )
51
51
* [ سرریز] ( #سرریز )
52
+ * [ موقعیت] ( #موقعیت )
52
53
53
54
## مقدمه
54
55
@@ -1625,5 +1626,39 @@ div{
1625
1626
1626
1627
این خصیصه فقط روی تگ های بلاکی با طول و عرض مشخص اعمال می شود.
1627
1628
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
+
1628
1663
1629
1664
</div >
You can’t perform that action at this time.
0 commit comments