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; width: 33%; }
.column-right{ float: right; width: 33%; }
.column-center{ display: inline-block; width: 33%; }

 

DEMO

 

3.

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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。