Jump to content
  • 0

position:absolute + relative в одном. Есть такое?


apika
 Share

Question

кто нибудь знает, можно сделать, что бы объект позиционировать не от угла экрана, а как нибудь от какого то выбранного места, но при этом, что бы он не занимал места, как в position:absolute . А то столкнулся с такой поблемой. Сайту уже чуть ли не полгода, а я его с помощью position:absolute делал на своем обычном, так сказать, мониторе. Все было красиво, пока не посмотрел с широкоэкранного, я был в ужасе :)

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0
так если же в другой абсолют взять, то в итоге все равно будет относительно начала экрана, или я что то непонял?

Ну это же так просто проверить, правда же?

<div style='background:red;width:150px;height:150px;position:absolute;left:20%;top:30%;'>
<div style='background:green;width:50px;height:50px;top:50px;left:50px;position: absolute;'>
</div>
</div>

Но если в двух словах, то да, что-то ?непонял?.

Link to comment
Share on other sites

  • 0

Вот цитата из этого же сайта htmlbook.ru.

position: absolute

Указывает, что элемент абсолютно позиционирован. В этом случае он не существует в обычном потоке документа подобно другим элементам, которые отображаются на веб-странице словно абсолютно позиционированного объекта и нет. Положение элемента задается атрибутами left, top, right и bottom относительно края окна браузера.

Link to comment
Share on other sites

  • 0

Tokolist, а про что там речь :/

А интересно, им вообще пользуются продвинутые мастера, и если да, то в каких случаях, или он некчемный элемент? Потому что каждый раз брать его в релатив это неэкономно, наверно

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