HTML+CSS自适应布局

今天自己写了一个自适应布局画面,贴出来做个记录

效果图如下:

本站地址:http://findbug.site/static/css3-page-layout.html

宽屏图:

self-adaption-layout2

self-adaption-layout

小屏图:

self-adaption-layout-small

超小屏图:

self-adaption-layout-micro2

self-adaption-layout-micro

以下有其他例子:

http://nec.netease.com/library/category/#grid

以下是网上的例子:来自一位哥们

老生长谈:css实现右侧固定宽度,左侧宽度自适应

1.右边固定,左侧自适应,三种方法:

1).固定宽度区使用绝对定位,自适应区照例设置margin

2).固定宽度区浮动,自适应区不设宽度而设置 margin

2).float与margin齐上阵

 

One Comment

Leave a comment