1.CSS定位机制



普通流 元素的自动样式
2.CSS Float 的 基础知识


图片环绕
.container{
width: 800px;
height: 600px;
border: 2px solid #333;
}
.container img {
float: left;
}
设置浮动,脱离文档流,但是仍然占有文本空间。
3.使用浮动后产生的问题

4.清楚浮动







浮动主要是让块元素实现横向展示效果
网友评论