Как писать на коде CSS?
Вам поможет htmlacademy.ru очень достойно и с проверкой.
Выбирайте какой либо один способ и верстайте им. Не надо одновременно верстать и через float и через position. Вообще используйте position только там где это действительно нужно (например как меню на тостере). Посмотрите как устроено позиционирование в фреймворках вроде Bootstrap.
Ну и например, во ваши 4 дива в шапке или еще где нибудь и никакого садо мазо нету.
А по хорошему, если плаваете в таких основах, то лучше сесть и основательно поучить основы. Благо в интернете можно найти огромное количество как видеокурсов, так и книг данной тематики.