تصميم الحجرة CSS - غرق والتنظيف

تصميم الحجرة CSS - غرق والتنظيف

CSS float 属性规定元素如何浮动。

CSS clear 属性规定哪些元素可以在清除的元素旁边以及在哪一侧浮动。

float 属性

float 属性用于定位和格式化内容，例如让图像向左浮动到容器中的文本那里。

float 属性可以设置以下值之一：

  • left - 元素浮动到其容器的左侧
  • right - 元素浮动在其容器的右侧
  • none - 元素不会浮动（将显示在文本中刚出现的位置）。默认值。
  • inherit - 元素继承其父级的 float 值

最简单的用法是，float 属性可实现（报纸上）文字包围图片的效果。

实例 - float: right;

下例指定图像应在文本中向右浮动：

مارانجوي

领先的 Web 技术教程 - 全部免费。在 CodeW3C.com，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP。

ƙarfinanin ƙaɗe ƙaɗe na ayyukan ƙaɗe. Kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe, kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe, kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe, kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe.

A CodeW3C.com, a na ƙarfinanin ƙaɗe ƙaɗe. Ta hanyar amfani da ƙarfinanin ƙaɗe na ayyukan, a ƙarfinanin ƙaɗe ƙaɗe, a ƙarfinanin ƙaɗe ƙaɗe, a ƙarfinanin ƙaɗe ƙaɗe.

ƙaɗe

img {
  float: right;
}

ƙarfinanin ƙaɗe

实例 - float: left;

下例指定图像应在文本中向左浮动：

مارانجوي

领先的 Web 技术教程 - 全部免费。在 CodeW3C.com，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP。

ƙarfinanin ƙaɗe ƙaɗe na ayyukan ƙaɗe. Kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe, kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe, kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe, kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe.

A CodeW3C.com, a na ƙarfinanin ƙaɗe ƙaɗe. Ta hanyar amfani da ƙarfinanin ƙaɗe na ayyukan, a ƙarfinanin ƙaɗe ƙaɗe, a ƙarfinanin ƙaɗe ƙaɗe, a ƙarfinanin ƙaɗe ƙaɗe.

ƙaɗe

img {
  float: left;
}

ƙarfinanin ƙaɗe

实例 - No float

在下例中，图像将显示在文本中刚出现的位置（float: none;）：

مارانجوي 领先的 Web 技术教程 - 全部免费。在 CodeW3C.com，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP。 ƙarfinanin ƙaɗe ƙaɗe na ayyukan ƙaɗe. Kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe, kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe, kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe, kuma ƙarfinanin ƙaɗe na ayyukan ƙaɗe. A CodeW3C.com, a na ƙarfinanin ƙaɗe ƙaɗe. Ta hanyar amfani da ƙarfinanin ƙaɗe na ayyukan, a ƙarfinanin ƙaɗe ƙaɗe, a ƙarfinanin ƙaɗe ƙaɗe, a ƙarfinanin ƙaɗe ƙaɗe.

ƙaɗe

img {
  float: none;
}

ƙarfinanin ƙaɗe

ƙarfinanin ƙaɗe

ƙarfinanin ƙaɗe:CSS ƙarfinanin ƙaɗe