Home >Web Front-end >HTML Tutorial >CSS floating float_html/css_WEB-ITnose
CSS floating float_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:55:31880browse
Reference: Share: In-depth understanding of CSS float float
1: The original intention of float design
It is to achieve the text wrapping effect
Package: BFC ( Block-level formatting context)
Destroyed: The container is destroyed and the parent element height is collapsed (standard,
Two: Clear float (bring Influence)
1: Method 1, insert clear at the bottom: both
clear:html block horizontal element bottom
css after pseudo element
2: Method 2, BFC/haylayout
3: Clear and margin overlap
Three: Floating and fluid layout
Use float as little as possible to implement brick layout, float is used for fluid layout
Four: float compatibility
Statement：
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