Community Learn Tools Library Leisure

English

Home > Web Front-end > HTML Tutorial > I don't understand the description of CSS layout overflow hidden. _html/css_WEB-ITnose

I don't understand the description of CSS layout overflow hidden. _html/css_WEB-ITnose

WBOY

Release： 2016-06-24 12:12:06

Original

1175 people have browsed it

The code is as follows.

Untitled Document

="new_list">new_list

After running the code under IE7 and IE6 Show example.

Display example under IE8.0

That’s what I want to ask.
In #con_t{ width:960px; height:auto; background:#CCC scroll 0 0; margin:0 auto; padding-bottom:20px;}
Add overflow:hidden; in the future, both IE7 and IE8 will display the same The result was. Obviously overflow:hidden; is to hide the excess part. Why does this feature exist? 》
http://www.viuoo.com/a/DIV/2012_0602_114.html This is the original address. Please help me understand.

Reply to discussion (solution)

The host This is a simple way to clear floating,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#con_t{ width:960px; height:auto; background:#CCC scroll 0 0; margin:0 auto; padding-bottom:20px;}#con_t .new_list{ width:250px; height:220px; border:1px #3F0 solid; float:left;}</style></head><body><div id="con_t"><div class="new_list">new_list</div><div style="clear:both;"></div></div></body></html>

Copy after login

Details can be See
http://www.zhangxinxu.com/wordpress/2010/01/Some understanding of overflow and zoom clearing floats/

For more methods, please refer to
http://www. qianduan.net/universal-to-remove-floating-style.html

The original poster This is an easy way to clear floating,
HTML code

Learned, very useful

new_list

Related labels：

CSS布局overflow hidden的说明没搞懂。

source：php.cn

Previous article：Although I downloaded some focus map codes from the Internet to study, I still don’t understand them well. Can any experts give me some formulas? _html/css_WEB-ITnose Next article：HTML5 canvas issue_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn