Позиционирование содержимого

[BblIIIu6aJIa>onlypro]

Посмотрите пожалуйста, на данный скрин

На данной странице, я закрепил - содержание - к экрану

2 вопроса:

Если я оставлю ссылки слева, то последняя глава останется в блоке, и не будет залезать на общий текст,а если переношу на права, то как видите накладывается текст на текст
Почему "Содержание!!!" осталось слева ?

<nav class="content">

 <h2>Содержание!!!</h2><br>

 <a href="..." class="href">ссылки</a>

</nav>

css

 

.content{

background: #fff;

position: sticky;

top:0;

padding-bottom: 20px;

padding-top:0px;

}

.href{

float:right;

}

Edited July 31, 2019 by BblIIIu6aJIa>onlypro

[AlexZaw]

22 минуты назад, BblIIIu6aJIa>onlypro сказал:

Почему "Содержание!!!" осталось слева ?

Потому, что вправо, с помощью float:right; вы прижали ТОЛЬКО класс .href, а у заголовка нет этого класса.

[Switch74]

наверно потому что вы используете float
почитайте о том что делает float с потоком и как это исправить например через clear

[BblIIIu6aJIa>onlypro]

3 минуты назад, AlexZaw сказал:

Потому, что вправо, с помощью float:right; вы прижали ТОЛЬКО класс .href, а у заголовка нет этого класса.

А заголовок, разве не попадает под класс блока nav ?

И если я включу его в общий класс, то получится такое

5 минут назад, Switch74 сказал:

наверно потому что вы используете float
почитайте о том что делает float с потоком и как это исправить например через clear

Скорее всего, я задам еще много подобных вопросов
Увы, я ничего не понимаю что там написано

[AlexZaw]

5 минут назад, BblIIIu6aJIa>onlypro сказал:

А заголовок, разве не попадает под класс блока nav ?

Заголовок то находится в блоке nav,  вот только  вправо вы прижимаете не весь блок nav, а только элементы с классом .href, что согласитесь, не одно и то же.

9 минут назад, BblIIIu6aJIa>onlypro сказал:

Увы, я ничего не понимаю что там написано

Читайте, разбирайтесь, попробуйте пройти бесплатные курсы на htmlacademy. Хоть float сейчас и не очень часто используется(за исключением Bootstrap 3), но понимать его необходимо.

[BblIIIu6aJIa>onlypro]

Тема сисек раскрыта, спасибо за заданное направление

position: fixed

right: 0:

и дальше поиграться с другими свойствами!