How to use CSS overflow:hidden

This article focuses on "how to use CSS overflow:hidden". Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Now let the editor take you to learn how to use CSS overflow:hidden.

List examples of how I used this attribute in my project:

(1) violent removal of floats

The code is as follows:

.wrap {overflow: hidden;zoom:1;background-color: # ccc;}

.wrap p {float: left;}

The code is as follows:

Test of css

(2) prevent the margin from folding

The code is as follows:

Body,p {padding: 0 margin: 0;}

.wrap {overflow: hidden;zoom:1;background-color: # ccc;}

.wrap p {margin-top: 20px;}

Test of css

(3) in IE-6, solve the block elements that define high 1px.

The code is as follows:

.line {height: 1pxbot backgroundlycolor: # ccc;overflow: hidden;}

(4) create a two-column layout

The code is as follows:

Div {height: 500px;}

.left {float: left;background-color: # 000th width: 200px; right: 5px;}

.right {overflow: hidden;zoom:1;background-color: # ccc;}

At this point, I believe you have a deeper understanding of "how to use CSS overflow:hidden". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!