CSS布局

圣杯布局

单栏布局
width收缩有滚动条
max-width收缩无滚动条

三栏布局

双飞翼布局

(http://js.jirengu.com/gotibulamo)

BFC使行列元素有快列元素的特性，如width，height，margin，padding
*zoom：1也可以使行列元素有快列元素的特性，如width，height，margin，padding且副作用最小
*代表只有IE67才能识别

边框交界处变粗，可以设置border-right：0
inline-block缝隙问题，可以设置父容器font-size：0

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,826评论 1赞 92
  • CSS 布局说——可能是最全的
    前言 现在，我们被称为前端工程师。然而，早年给我们的称呼却是页面仔。或许是职责越来越大，整体的前端井喷式的发展，使...
    Calvin李阅读 517评论 0赞 0
  • 常见 CSS 布局方式
    前言 温馨提示：本文较长，图片较多，本来是想写一篇 CSS 布局方式的，但是奈何 CSS 布局方式种类太多并且实现...
    sunshine小小倩阅读 3,192评论 0赞 59
  • CSS布局小结
    前言 因为要在团队内作一次技术分享，想了几个题目，最后还是决定系统总结一下我在CSS布局这方面的知识。一是这个题目...
    Samhanx阅读 652评论 0赞 6
  • css布局
    按照是否相应浏览器宽度变化划分： 固定宽度布局：body的width是一个固定值，当浏览器的窗口缩小时，底部出现滚...
    lingfighting阅读 593评论 0赞 0