Надо начать с изучения типов элементов - строчные, блочные, таблицы, списки, как они ведут себя по умолчанию и тд Все элементы на странице начинают выстраиваться слева-направо и сверху-вниз, Строчные элементы выстраиваются в строку в соответствии с направлением текста хватает места, если не хватает места - перепрыгивают на следующую строку, имеют отступы и выравниваются по высоте в зависимости от высоты строки. Блочные элементы начинаются "с новой строки" и вытягиваются во всю ширину, но если перед блочным элементом стоит элемент которому задано обтекание, то блочный элемент занимает всё свободное место сбоку от него. вообще лучше на практике экспериментировать с дивами, залитыми разным цветом, чтобы понять их поведение.