css don't forget to clear floats clear:both-CSS Tutorial-php.cn

css don't forget to clear floats clear:both

高洛峰

Release： 2017-02-04 09:31:02

Original

1480 people have browsed it

Clear with empty tags
.clr {clear: both;}

Left
;

Right

; overflow attribute
#layout {overflow:auto; zoom:1;}

Left

Right

Use :after (non-IE browser)
#layout:after{
display: block;
clear: both; content: "";
visibility:hidden; height: 0;
}

Left

Right

Note: Use :after required Note a few points, set the height to zero (height: 0;); content is required, but its value can be empty

For more css, don’t forget to clear the floating clear:both For related articles, please pay attention to the PHP Chinese website!

Related labels：

css 清除浮动

source：php.cn

Previous article：Summary of CSS clear float methods Next article：Xiaoqiang’s HTML5 mobile development road (29) - JavaScript review 4

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