CSS中，float与display都是常用的样式属性。下面分别介绍它们的用法和作用。

/* float */.float {float: left;/* 或者 float: right; */}

float用于设置元素浮动，可以使元素脱离文档流，并让后面的元素环绕它。float的值可以为left或right。

常见的应用场景是实现多栏布局，如左边栏、右边栏和主要内容区域。在这种布局中，左右两个栏元素使用float: left和float: right来实现浮动，而中间的内容区域则不需要浮动。

/* display */.display {display: none;/* 或者 display: block/inline/inline-block; */}

display用于设置元素的显示方式。常见的值有none、block、inline和inline-block。

其中，none可以隐藏元素，block会让元素独占一行占据整个可见视口的宽度，inline则会让元素在一行内按照顺序排列（不独占一行），inline-block则会让元素在一行内按照顺序排列，但是可以设置宽度和高度。

display的应用很广泛，可以用于代码中的隐藏元素、表格布局中的单元格显示方式等等。