30-50% off hundreds of digital assets! WordPress themes, video, music and more 30-50% Off Go to Sale

The Complete Guide to CSS Positioning

by Kezz Bracey21 Apr 2016

Lessons:8Length:36 minutes

2.3 Floating and Clearing

Techniques involving floating and clearing are among the most commonly used with CSS positioning and layout, but there are a few tricks to getting them to work how you want. In this lesson, learn how floating and clearing work and how you can use them to create classic layouts.

1.Introduction
1 lesson, 01:13

Free Lesson

1.1
Welcome to CSS Positioning
01:13

2.CSS Positioning and Layout
6 lessons, 32:14

Free Lesson

2.1
Overview: The Four Position Types
05:05

2.2
Margins on Child Elements
06:28

2.3
Floating and Clearing
08:28

2.4
Relative Position
03:47

2.5
Absolute Position
06:13

2.6
Fixed Position
02:13

3.Conclusion
1 lesson, 02:30

3.1
Wrapping Up
02:30

Kezz Bracey

Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.

Unlimited Downloads
From $16.50/month

Get access to over one million creative assets on Envato Elements.

Over 9 Million Digital Assets

Everything you need for your next creative project.

Create Beautiful Logos, Designs
& Mockups in Seconds

Design like a professional without Photoshop.

Join the Community

Share ideas. Host meetups. Lead discussions. Collaborate.

Quick LinksExplore popular categories