Jump to content
  • 0

position absolute and relative


yarosh
 Share

Question

Добрый день, на этапе изучения возник  вопрос который я уже пол дня обмозговываю и вроде как для себя разобрался.

 

position absolute позволяет блокам накладываться друг на друга а position relative не позволяет накладываться блокам друг на друга ,и если выставить блокам position relative то они позиционируются друг под другом. я правильно понял?  и если мне надо сделать сайд бар где нибудь справа от основного содержимого то шапка сайта у меня будет absolute, а основное содержимое и сайд бар будут relative ?   

Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0

если вы попробуете перевести эти два слова, то узнаете что

relative - относительный

absolute - абсолютный

 

поведение первого очень похоже на поведение статического, но его можно сместить с помощью таких стилей как top и left данное смещение будет только визуальным и относительно своего первоначального положения. Такие объекты могут накладываться поверх других, но при этом фактически они будут продолжать влиять на соседние объекты так, как будто он ни куда не смещался http://jsfiddle.net/e41e9s2x/

 

поведение второго проявляется в том, что его как будто бы изымают из документа и его место занимают следующие за ним элементы. На его положение можно влиять с помощью top, left, right, bottom и они задают координаты относительно ближайшего родителя с position отличным от static, если такого нет, то относительно окна браузера http://jsfiddle.net/e41e9s2x/1/

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy