浮动定位

第一篇随笔

浮动定位

  css 里利用float 属性打破默认按照文档流显示规则,可以向左或向右浮动;

  当这样选择之后,对象的左侧和右侧将清空出一块区域,该区域可以让剩下的文档流进行填充;

实现效果

  待补充;

适用场合

  1.  适应浏览器的变化(缩放),当用浮动时,块状元素在宽度不够时会自动流到下一行;
  2.    分辨率,在移动设备兴起的今天,各种屏幕的分辨率让网页的兼容性需求更高;
  3.    两列自适应布局时,当左边无法确定宽度时,右边一列可以通过浮动来实现紧贴左边一列的效果; 

效果对比

    待补充

 

原文地址:https://www.cnblogs.com/likelight/p/3120160.html