Проблема с hhtml,css. Некорректное отображение. Что исправить?

Question

[Balavnik]

Не получается сделать как нужно. Как есть:
Как нужно:
код здесь.

Comments

[mletov]

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

[mletov]

Что касается вашего кода: старайтесь не использовать float (если нет нужды поддерживать древние браузеры типа ИЕ8,9), есть же вполне современные flex и grid. А если уж используете, то для нижних слоев ставьте clear:both
https://jsfiddle.net/xgc5vpje/

Answer 1

[WapSter]

У тебя проблема с пониманием float. Ну а так

.h {
    float: left;
    background-color: blue;
    width: 100%;
    color: red;

}

Comments

[Balavnik]

А в чем,собственно разница? Вроде все делал по учебнику.
По-моему разница только в значении width с px не работает,а вот с % - пожалуйста

[WapSter]

Balavnik, представь себе ситуацию. Ты хочешь научиться читать, но при этом не выучил все буквы алфавита. Как ты думаешь, какой совет ты получишь в данной ситуации.