关于自适应布局的处理(利用浮动和margin负边距实-自学php网

关于自适应布局的处理(利用浮动和margin负边距实

来源：自学PHP网时间：2015-01-08 09:51 作者：阅读:次

[导读] ...

自适应布局在实际应用中越来越普遍了，今天分享几个自适应布局的demo，主要是浮动圣杯布局（也叫双飞翼布局，主要是利用浮动和margin负边距实现的），没有介绍绝对定位布局，都是我想，你能明白我下面的几个例子，绝对定位布局也是非常的简单了。

PS：圣杯布局有个好处，符合前端开发中渐进增强的理念，因为浏览器解析是从DOM的上至下，圣杯布局能够把页面中重要的内容section放到DOM前面先解析，而次要的aside内容则放在DOM后面后解析。
下面的例子能够解决实际应用中绝大多数的自适应布局问题了，有兴趣的童鞋可以研究下，代码如下：

1.左边固定，右边自适应(圣杯布局的实现)：

复制代码

Firefox下input button内文字不能垂直居中的解决方法

18例简约的网页设计案例赏析_交互设计教程

子栏目

关于自适应布局的处理(利用浮动和margin负边距实

最新评论

添加评论

更多文章推荐

添加评论