博客列表 >单列、双列、三列布局

单列、双列、三列布局

陈伟龙的博客
陈伟龙的博客原创
2017年12月17日 21:08:571793浏览
  1. 单列布局:左右外边距的自动排列来实现居中:margin:0 auto;

  2. 两列布局:在单列布局的基础上,又增加了浮动与清除 浮动;

  3. 三列布局:在二列布局的基础上,第三列采用绝对定位来实现的

    用户自定义布局:

    1.必须把要布局的元素,让他脱离文档流;

    2.用浮动来实现两列布局(浮动就是水平排列,要么向左,要么向右)

       3.用绝对定位来实现三列布局(先设置定位父级,然后再设置要定位的元素的偏移量)

  自定义布局=浮动(2列)+绝对定位(3列)

  凡是大于二列的布局,全部采用绝对定位。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议