Layouts help you to define a standard structure or the skeleton for your websites. There are three types of layouts:
Fixed layouts
Fluid layouts
Responsive layouts
Fixed layouts do not change with screen size and all styles are static. Fluid layouts make the div
elements flow to the bottom if they cannot be accommodated across the width of the viewing screen. Responsive layouts keep a very close eye on and respond to the adjusting screen sizes. These options can be used as described in the following sections.
A fixed layout of a website has a wrapper (which wraps or contains all columns) of a constant width, that is, which cannot be changed no matter how small or how big the screen resolution is. The wrapper or the container cannot be moved and is set to a fixed position. The reason why many web designers prefer fixed layouts is due to ease in usage and customization.