浮动 float

测试浮动，浮动到包含框或者浮动框的边缘。这里我主要是想测试包含框的边缘是哪里

by jun wang

HTML

<div class="div1">
  div1........
  <div class="div2">
    div2............
    <div class="div3-1">
      div3-1..............
    </div>
    <div class="div3-2">
    一位留守村庄的德清阿婆，如何成为会用英语招揽游客的民宿主人？一个贫困落后的小村落怎样成了外国人争相涌来的国际村？还是那座山，还是那片林，还是那条播撒着竹叶光斑的羊肠小路，“绿水青山就是金山银山”，一个发人深省的理念，改变了阿婆和更多人的命运，不一样的故事就在这里悄然发生了......浙北大地发生了凤凰涅槃式的蜕变。一条涵盖绿色发展方式和绿色生活方式的中国生态文明之路就这样呈现在世人面前。敬请观看微视频《习近平在这里提出“绿水青山就是金山银山”》
    </div>
    <div class="div3-3">
      div3-3..............

    </div>
  </div>
</div>

CSS

.div1 {
  padding: 10px;
  background: blue;
}

.div2 {
  padding: 10px;
  background: red;
}

.div3-1 {
  padding: 10px;
  background: yellow;
	float:left;
}

.div3-2,
.div3-3 {
	/* clear:left; */
  padding: 10px;
  background: #ff00fe;
	float:left;
  ;
}