Basic

Some very basic boxes.

First we display a simple non-draggable box1

Simple expandable box. expand no drag, max-width, not on. No position is set

Then we display a box with width set in own style-attribute, box2

Expandable box. expand, drag, not on, position will be absolute when you start drag width determined by stylesheets max-width

Then we display a simple draggable box (3) with left and width style

Draggable. positioned left and with width. on is set.

Finally a fixed box initally located in top right corner, box4. Having position fixed means that it behaves like absolute, but it keeps its position relative to the browser view, when scrolled.

an image
Inspect the sourcecode and inspect elements