Home >Web Front-end >CSS Tutorial >How to close float in css

How to close float in css

王林
王林Original
2021-05-19 14:06:333914browse

The way to turn off floating in CSS is to add the clear attribute to the element and set the attribute value to none, such as [clear:both;]. The clear attribute specifies that no other floating elements are allowed on a certain side of the element.

How to close float in css

The operating environment of this article: windows10 system, css 3, thinkpad t480 computer.

There is an attribute clear in css, which specifies which side of the element does not allow other floating elements.

Commonly used attribute values ​​are:

  • left Floating elements are not allowed on the left side.

  • #right No floating elements are allowed on the right side.

  • #both Floating elements are not allowed on the left and right sides.

  • #none Default value. Allows floated elements to appear on both sides.

  • #inherit Specifies that the value of the clear attribute should be inherited from the parent element.

A small example:

<html>

<head>
<style type="text/css">
img
  {
  float:left;
  clear:both;
  }
</style>
</head>

<body>
<img src="/i/eg_smile.gif" />
<img src="/i/eg_smile.gif" />
</body>

</html>

Related video sharing: css video tutorial

The above is the detailed content of How to close float in css. For more information, please follow other related articles on the PHP Chinese website!

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