zoukankan      html  css  js  c++  java
  • css layout

    1.The Perfect 3 Column Liquid Layout (Percentage widths)

    http://matthewjamestaylor.com/blog/perfect-3-column.htm

    2.

    http://stackoverflow.com/questions/20566660/3-column-layout-html-css

    <div class="container">
       <div class="column-center">Column center</div>
       <div class="column-left">Column left</div>
       <div class="column-right">Column right</div>
    </div>
    ----------------------------------------------------
    |              |                   |               |
    | Column left  |   Column center   | Column right  |
    |              |                   |               |
    ----------------------------------------------------

    .column-left{ float: left;  33%; }
    .column-right{ float: right;  33%; }
    .column-center{ display: inline-block;  33%; }

    DEMO

    3.

    http://www.dynamicdrive.com/style/layouts/category/C10/

    4.

    http://zh.learnlayout.com/position.html

    http://www.w3schools.com/html/html_layout.asp

    http://maxdesign.com.au/css-layouts/

    http://purecss.io/layouts/

  • 相关阅读:
    优秀数
    加法检测器
    数字转换
    选课
    二叉苹果树
    分离与合体
    括号配对
    凸多边形的划分
    能量项链
    石子合并
  • 原文地址:https://www.cnblogs.com/zyip/p/4302543.html
Copyright © 2011-2022 走看看