CSS中的左浮动是一种常用的布局技巧，可以用来实现多栏布局、响应式布局等。

左浮动使用float:left;来实现，可以配合使用clear:both;清除浮动。

/* 左浮动 */
#left{
float:left;
}
/* 清除浮动 */
#clear{
clear:both;
}

左浮动的注意事项包括：

• 浮动元素会脱离文档流，可能会导致父元素高度塌陷，需要清除浮动。
• 浮动元素对父元素宽度的影响与盒模型的解析有关，需要注意。
• 对于多栏布局，需要注意浮动顺序和宽度设置。

左浮动可以配合使用position:relative;和position:absolute;来实现定位效果，但需要注意定位参考物和水平居中问题。

/* 左浮动和相对定位 */
#relative{
float:left;
position:relative;
left:20px;
top:20px;
}
/* 左浮动和绝对定位 */
#absolute{
float:left;
position:absolute;
left:0;
top:0;
}

总之，左浮动是一个重要的CSS技巧，熟练掌握可以为网页布局带来更多的灵活性和美观性。