169 похожих чатов

Всем привет. Я дал 100% слева и сверху кругу, имеющего

абсолют позиционирование внутри родителя, который имеет фиксированные размеры квадрата 500х500 с релатайв позиционированием. Как мне сделать так, чтобы позиционирование круга на 100% слева и сверху было всегда в рамках родительского контейнера?

10 ответов

17 просмотров

Вычесть от 100% размеры круга?

CENTURIONO🌙- Автор вопроса
Evgeny Gladkov
Вычесть от 100% размеры круга?

В таком случае, находясь при нулевой позиции, круг уходит за рамки

Задать bottom/right, а не top/left

CENTURIONO🌙
Ага

Тогда как выше написали, почему не использовать left, top, right, bottom?

CENTURIONO🌙- Автор вопроса
Evgeny Gladkov
Тогда как выше написали, почему не использовать le...

Могу попросить показать реализацию? Я все подготовил: https://jsbin.com/goyejofeje/edit?html,css,js,output

CENTURIONO🌙
Могу попросить показать реализацию? Я все подготов...

А какой результат нужен будет? Как шар двигаться будет? Все четыре значения писать не нужно. Если правый верхний, например: top: 0; right: 0; Для нижнего: right: 0; bottom: 0;

CENTURIONO🌙- Автор вопроса
Evgeny Gladkov
А какой результат нужен будет? Как шар двигаться б...

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

CENTURIONO🌙
Да, я это понимаю. Он способен двигаться по коорди...

Чтобы не выходил за рамки, менять left и right для X-координат. Например, left: 0; top: 50%, потом вправо если: right: 0; top: 50%; Только для предыдущих значений, в данном случае left во втором шаге, когда шар переместится вправо, нужно auto задать.

Похожие вопросы

Обсуждают сегодня

Ребят в СИ можно реализовать ООП?
Николай
32
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Добрый вечер, Пока не совсем понимаю как наладить общение между телеграм ботом и ПО для работы с сим боксом. По самому боту так понял: - Нужен некий баланс, который можно поп...
Magic
6
Всем доброго вечера. Разрабатываю 32 раз. приложение в Delphi. Столкнулся с тем, что стандартный  TFilestream  не работает с большим файлом > 2 ГБайт (после вызова функции see...
Vadim Gl
16
У меня задача: написать брокер сообщений. Очереди и потребители. Очереди поддерживают приоритеты. Очередь отдает сообщения, только обработчикам с соответствующими характеристи...
Aleksandr Filippov
2
добрый день. Подскажите, есть сайт на 1.4.7 и я хочу обновиться, особо ничего не меняя. мне выбирать версию 1.4.35 или третью ветку? и можно ли обновлять "как есть", или нужно...
Digital Cat
12
народ, плиз хелп, всю голову сломал себе уже... разве может быть так, что GetProcAddress( GetModuleHandle( "kernel32.dll" ), "SetThreadDescription" ) вернёт ненулевое значение...
Iluha Companets
12
Всем привет! Имеется функция: function IsValidChar(ch: UTF8Char): Boolean; var i: Integer; ValidChars: AnsiString; begin ValidChars := 'abcdefghijklmnopqrstuvwxyzABCDE...
Евгений
44
Всем доброго вечера. Разрабатываю 32 раз. приложение в Delphi. Столкнулся с тем, что стандартный TFilestream не работает с большим файлом > 2 ГБайт (после вызова функции see...
Vadim Gl
8
а плаксы из-под питона умеют только в комфортных условиях что-то выдавить из себя?)
Lencore
9
Карта сайта