HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

nikitaets2016

0 / 0 / 0

Регистрация: 19.12.2020

Сообщений: 16

Смещение блока

25.12.2020, 17:48. Показов 786. Ответов 0

Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам

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

HTML5

1
2
3

<div class="qq">
<div class="qq2">Блок</div><div class="qq1"></div>
</div>

CSS

.qq{
height: 150px;
width: 500px;
position: absolute;
top: 50%;
border: 1px solid;
background: aliceblue;
right: -402px;
}
.qq1{
width: 80%;
height: 100%;
border: 1px dashed;
display:relative;
}
.qq2{
width: 19.2%;
height: 100%;
border: 1px dotted red;
}
.qq1,.qq2{
display: inline-block;
}
div.qq:hover{
right: -200px;
}
div.qq:active{
right: 0px;
}
.qq1 p{
display: absolute;
}

Миниатюры

Заказать работу у эксперта

Programming

Эксперт

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

25.12.2020, 17:48

Ответы с готовыми решениями:

Смещение внутри блока, другого блока, без изменения первого
Возможно ли такое? Есть блоки <ul id="navigation"> <li><a href="#"><div...

Смещение блока в сторону
Очень нужен совет. Есть сайт: linda-sommerhage.de я его верстал на разрешении 1366х768, такой у...

Непонятное смещение блока
На этой http://xn--b1agamoxlj4byc.xn--90ais/cat_svar_trub.html и этой...

Смещение элемента за пределы родительского блока
Помогите плз. Нужно сделать такое как на картинке, т.е. поднять нижний блок к меньшему блоку, но...

	25.12.2020, 17:48

IT_Exp

Эксперт

87844 / 49110 / 22898

Регистрация: 17.06.2006

Сообщений: 92,604

25.12.2020, 17:48

Помогаю со студенческими работами здесь

Смещение других блоков из-за появлении блока
Здравствуйте. Есть, допустим 10 блоков, у которых обертка имеет display:flex и flex-wrap:wrap. ...

Смещение контента при добавлении блока
Всем привет! У меня есть список элементов, при наведении на один из элементов, над ним появляется...

Смещение блока при изменении разрешения экрана
Ребят, помогите! Как сделать так, чтобы правый сайдбар при изменении разрешения экрана уходил вниз...

смещение блока при изменении разрешения экрана
Спасайте братцы. Весь день занимаюсь этой фигней и никак не могу сделать. Правда в тему HTML и...

Смещение блока при уменьшении, увеличении масштаба
<!DOCTYPE html> <html> <head> <title>BeerUtopia.ru</title> <meta charset="utf-8"/> ...

Смещение левого блока при наличии контента в правом
https://jsfiddle.net/2o9pan5c/ Собственно как сделать так, что независимо что будет в правом...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Опции темы

Наверх