Here is a collection of HTML templates that provides basic website layouts. Each layout includes five main sections used in any website: header, footer, navigation menu, main content area and additional stuff.
Almost all layouts are created using CSS float property and negative margins. There are two things you should know about negative margins: if we apply negative margin on the float side it has the effect of shifting even more the floated elements towards the float side; if we apply a negative margin opposite a float, it creates a void, which leads to content overlapping, and this is very helpful for creating liquid layouts.
In modern websites float-based layouts are being replaced with flexible layouts created using CSS Flexible Box Layout Module.