在CSS中，float和display是两个常用的属性，用于控制元素在布局和显示方面的特性。

float属性指定元素应该浮动到其容器的左侧或右侧。通常用于实现文字环绕效果或网页布局中的列式布局。

.float-left {
float: left;
 }
 .float-right {
float: right;
 }

以上代码将分别将元素向左或向右浮动。

display属性用于设置元素的显示方式。常用的值有block、inline、inline-block等。其中block表示元素将以块级元素的方式进行显示，即占据一整行；inline表示元素将以行内元素的方式进行显示，即与文本内容在同一行；inline-block则是块级元素和行内元素的结合体。

.box-block {
display: block;
 }
 .box-inline {
display: inline;
 }
 .box-inline-block {
display: inline-block;
 }

以上代码将分别将元素的显示方式设置为块级元素、行内元素、行内块级元素。

需要注意的是，float和display属性的同时使用可能会出现一些问题。如在使用浮动时，若不对浮动元素进行清除，可能会导致元素位置错乱或布局混乱；而使用display属性时，若与float属性同时使用，可能也会出现一些不可预知的问题。因此，在使用CSS时，应注意各属性的使用方式和相互之间的影响。