float

DOM与显示位置匹配的单侧固定布局

外层DIV:

width:100%;
folat:left;

width:56px;
float:left;
margin-left:-56px;

a { float: left; margin-right: 20px; }
/* 下面这个是固定布局写法 */
.cell { display: table-cell; *display: inline-block; width: auto; *width: auto; }
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS浮动float详解
    CSS里浮动float是个概念比较暧昧的属性，撸主最早对浮动float的认识是基于布局的，认为float元素就是用...
    张歆琳阅读 40,131评论 23赞 152
  • HTML+CSS(47-72)
    问答题47 /72 常见浏览器兼容性问题与解决方案？ 参考答案 (1)浏览器兼容问题一：不同浏览器的标签默认的外补...
    _Yfling阅读 13,854评论 1赞 92
  • CSS中的float定位技术在iOS上的实现
    CSS中的float属性简介 几乎所有会WEB前端开发的同学都知道CSS中有一个float属性用于实现HTML元素...
    欧阳大哥2013阅读 2,863评论 5赞 26
  • 【转载】关于CSS中的float和position
    当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于...
    Yinag阅读 365评论 0赞 2
  • Float && Position-Assignment
    1.文档流的概念指什么？有哪种方式可以让元素脱离文档流? 文档流（normal flow），也称为标准文档流、常规...
    犯迷糊的小羊阅读 594评论 0赞 1