CSS 页面布局

一列布局!
设宽度!用margin: 0 auto;

两列布局
float:一个left 一个right 再清除浮动

一列固定 一列自适应
float:固定的用float 自适应用margin-left/right
position:固定的用position 自适应用margin-left/right

三列布局
float:用三个float
两边固定 中间自适应
{ float:left }  {margin-left;margin-right;} {float:right}

双飞翼布局www.jianshu.com/p/f9bcddb0e8b4
        为了让中间的布局先加载。利用了CSS负边距
Flex 布局:www.ruanyifeng.com/blog/2015/07/flex-grammar.html 

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

推荐阅读更多精彩内容

  • display:设置元素的显示方式 display:block(块级元素) 默认为父元素宽高,可设置宽高相对前序换...
    bluishwhiteC阅读 671评论 0 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • 前言 温馨提示:本文较长,图片较多,本来是想写一篇 CSS 布局方式的,但是奈何 CSS 布局方式种类太多并且实现...
    sunshine小小倩阅读 3,193评论 0 59
  • 水平居中布局 首先我们来看看水平居中 1.margin + 定宽 Demo.child{width:100px;m...
    xiaotao123阅读 331评论 0 1
  • 好朋友天儿上个月考研结束后,离开了北京,去三亚发展了。虽然都不情愿,但我们还是默默的祝福着。天儿不仅是我生活中的好...
    陈颢阅读 1,003评论 0 2