CSS float

说明

float: left 属性将元素定位在其容器的左侧，允许文本和内联元素环绕它。

属性值

  • left - 将元素放置在左侧。

适用范围

所有HTML 元素。

DOM 语法

float: left;

示例

这里是显示此属性效果的示例 -

<html>
<head>
<style>
   div {
      border: 2px solid #f0610e;
      padding: 5px;
      height: 160px;
      background-color: #86f00e;
   }
   .tutimg {
      float: left;
      border: 3px solid #f0610e;
      margin-right: 10px;
   }
</style>
</head>
<body>
   <div>
       <img class="tutimg" src="/css/images/tutimg.png" width="150" height="150" /> CSS 是“层叠样式表”的缩写。 它是一种样式表语言，用于描述用 HTML 等标记语言编写的文档的表示形式。 CSS 帮助 Web 开发人员控制网页的布局和其他视觉方面。 CSS 在现代 Web 开发中发挥着至关重要的作用，它提供了创建具有视觉吸引力、可访问性和响应式网站所需的工具。 
 </div>
</body>
</html>