За какво е  "position: relative" ?

Уеб дизайн
HTML
CSS
Програмиране
Atom
Notepad++
HTML5 и CSS3

Здравейте, Може ли да ми разясните за какво се използва "position: relative;" защото и с него и без него ефекта си остава същия ?

Елементите с такъв стил стават отправна точка на координатната система при абсолютно позициониране на дъщерните елементи. Това означава, че ако има дъщерен елемент с position:absolute; top: 0; left: 0, to то той ще се позиционира в горния ляв ъгъл на родителя, за който е зададен position: relative. Ако няма такъв родител, ще се използва горния ляв ъгъл на страницата.

Освен гореописаното - position: relative не прави нищо друго, ако не е зададен top, bottom, left или right на същия елемент. Тогава елементът се премества със съответният offset, но мястото му се запазва в потока от данните в DOM-а (останалите елементи не се разместват).

Вашият отговор:

Научи компютърните програми онлайн от топ експертите на България
Регистрацията в АУЛА ви дава:
  • 20 безплатни урока
  • Трикове и тънкости за софтуера
  • Отговори на вашите въпроси
  • Име
    Имейл
     


    © 2016 Фондация “Аула”. Всички права запазени.
    Autodesk AutoCAD, Autodesk Inventor, Autodesk Civil 3D, Autodesk Revit, Autodesk 3ds Max, Autodesk Maya, Microsoft Word, Microsoft Excel, SharePoint Online, Microsoft PowerPoint, Microsoft Project, Microsoft, Adobe Photoshop, Adobe Illustrator, Adobe InDesign, Adobe After Effects, Adobe Premiere, Adobe Dreamweaver, V-Ray, Solidworks са регистрирани търговски марки на Adobe Systems Incorporated, Microsoft Corporation, Chaos Software Ltd, Autodesk Inc. и Dassault Systèmes SolidWorks Corp.