Blogger Information
Blog 4
fans 0
comment 0
visits 4103
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
单列、双列、三列布局
陈伟龙的博客
Original
1791 people have browsed it
  1. 单列布局:左右外边距的自动排列来实现居中:margin:0 auto;

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

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

    用户自定义布局:

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

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

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

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

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

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post