Use of overflow property to clear floats

suggest change

Setting overflow value to hidden,auto or scroll to an element, will clear all the floats within that element.

Note: using overflow:scroll will always show the scrollbox

Found a mistake? Have a question or improvement idea? Let me know.

Floats:

* Floats

* Float an Image Within Text

* clear property

* Clearfix

* Inline DIV using float

* Simple Two Fixed-Width Column Layout

* Simple Three Fixed-Width Column Layout

* Two-Column LazyGreedy Layout

* Use of overflow property to clear floats

Table Of Contents

0 Getting started

1 Backgrounds

2 Centering

3 Margins

4 Media queries

5 Floats

6 Typography

7 Flexbox

8 Cascading and specificity

9 Animations

10 Selectors

11 Colors

12 Box mode

13 Transiti

14 Length units

15 Pseudo-elements

16 Positioning

17 2D transforms

18 Tables

19 Browser support prefixes

20 Normalizing browser styles

21 Padding

22 Layout control

23 Filter property

24 Comments

25 Cursor styling

26 Box shadow

27 Custom properties, variables

28 Shapes for floats

29 Grid

30 Border

31 Functions

32 3D Transforms

33 Counters

34 Single element shapes

35 Opacity

36 Performance

37 Columns

38 Inline-block layout

39 Inheritance

40 CSS Image Sprites

41 Clipping and masking

42 List styles

43 Outlines

44 Structure and formatting of a css rule

45 Fragmentation

46 Overflow

47 CSS Object Model (CSSOM)

48 Feature queries

49 Stacking context

50 Internet Explorer hacks

51 Block formatting context

52 Vertical centering

53 Object Fit and Placement

54 Multiple columns

55 CSS design patterns

56 Contributors