CSS Float(浮动) 您所在的位置:网站首页 html5向下浮动 CSS Float(浮动)

CSS Float(浮动)

2023-03-31 20:01| 来源: 网络整理| 查看: 265

CSS Alignment(元素对齐)CSS Layers(层级) CSS Float(浮动)

CSS float属性指定盒子是否应该浮动。在CSS的float属性是定位性质。它用于将一个元素向左或向右推,允许其他元素环绕它,通常用于图像和布局。   

CSS的浮动元素

您可以将元素向左或向右浮动,但仅适用于生成并非绝对定位的框的元素。跟随浮动元素的任何元素都将在另一侧围绕浮动元素流动。

该float属性可能具有以下三个值之一:

值描述left该元素浮动在其包含块的左侧。right该元素浮动在其包含块的右侧。none从元素中删除float属性。initial它将属性设置为其初始值。inherit它用于从其父元素继承此属性。元素如何浮动

浮动元素将从正常流中移出,并在包含元素的可用空间中尽可能向左或向右移动。

除非漂浮物的clear属性阻止了其他元素的流动,否则其他元素通常会围绕漂浮物流动。元素水平浮动,这意味着元素只能向左或向右浮动,不能向上或向下浮动。

img {     float: left; }测试看看‹/›

如果相邻放置多个浮动元素,则在有水平空间的情况下它们将彼此相邻浮动。如果没有足够的空间来容纳浮子,则将其向下移动,直到适合为止或不再有浮子。

.thumbnail {     float: left;     width: 125px;     height: 125px;     margin: 10px; }测试看看‹/›使用(Clear)清除属性关闭浮动

浮动元素之后的元素将在其周围流动。该clear属性指定不允许在元素框的哪一侧放置其他浮动元素。

.clear {     clear: left; }测试看看‹/›

注意:此属性只能从同一块内的浮动框中清除元素。它不会从元素本身内浮动的子框中清除元素。要了解有关清除浮动的更多信息,请参见CSS Alignment教程。

CSS Alignment(元素对齐)CSS Layers(层级)


【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有