CSS 浮动
-
-
clean属性
clear属性指定哪些元素可以浮动在已清除元素旁边以及哪一侧。clear属性可以具有以下值之一:- none - 允许两侧浮动元素。这是默认的
- left - 左侧不允许浮动元素
- right - 右侧不允许浮动元素
- both - 左侧或右侧不允许浮动元素
- inherit - 元素继承其父级的clear值
-
-
箱格/等宽箱格
有了这个float属性,很容易并排浮动内容盒:您可以轻松地并排创建三个浮动框。但是,当您添加扩大每个框宽度的内容(例如填充或边框)时,框将会中断。box-sizing属性允许我们在框的总宽度(和高度)中包括填充和边框,确保填充保持在框内并且不会破坏。
-
图像并排
盒子网格也可用于并排显示图像: -
-
导航菜单
使用float超链接列表创建水平菜单: -
Web布局示例
使用float属性执行整个Web布局也很常见: -
所有CSS浮动属性
属性 描述 box-sizing 定义如何计算元素的宽度和高度:它们是否包括填充和边框 clear 指定哪些元素可以在已清除元素旁边以及哪一侧浮动 float 指定元素应如何浮动 overflow 指定内容溢出元素框时会发生什么 overflow-x 指定如果内容的左/右边缘溢出元素的内容区域,该如何处理 overflow-y 如果内容溢出元素的内容区域,则指定如何处理内容的顶部/底部边缘 -
相关页面
HTML教程:HTML样式