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

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

推荐阅读更多精彩内容

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