Chapter 10. How Do I Position Elements Precisely on the Page?

If you have just picked up this book and come straight to this chapter to learn how to position elements on a page, I urge you to stop right now. Go back and learn first about margins, padding, and floats. They're the really useful tools for CSS layout. This chapter is devoted to CSS positioning (sometimes referred to as CSS-P) using the position property. The basic concept is fairly simple—it allows you to specify the position of an element with great precision. It's such an attractive proposition that many beginners are seduced by the idea and use it to build complex layouts, only to discover that things aren't quite as straightforward as they originally seemed.

CSS positioning became ...

Get Getting StartED with CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.