float

合理使用float布局网页

估计大多数人误解了float的原本设计初衷，但是这里的“误用”是要加引号的，因为这是一种无心插柳的应用。即，用float做网页布局是很合情合理的，鼓励同志们继续使用。这篇文章主要是为了解决一个实际遇到的问题：左右两列布局，左侧宽度固定，右侧宽度自适应（或左中右三列布局，左侧和中间宽度固定，右侧宽度自适应），当页面宽度变化时，怎样使右侧元素中的内容始终在页面剩余宽度中居中显示，设置了text-align: center;之后，问题其实也就是怎样让右侧元素的宽度占据页面剩余所有宽度。基础知识：元素float之后的变化 1.原本为inline或原本为block的元素，设置了float: lef

2017-08-15 23:25:00 375 0 2

阅读详情

css3教程：float

对于所有的web前端开发人员，float是或者曾经一度是你最熟悉的陌生人——你离不开它，却整天承受着它所带给你的各种痛苦，你以为它很简单就那么一点知识，但却驾驭不了它各种奇怪的现象。这就是我们又爱又恨的——float。所以，系统的学一学float是非常非常有必要的。视频学习可参考张鑫旭的《CSS深入理解之float浮动》，讲的很好很透彻。重新认识float 1 误解和“误用” 这里说的“误用”并不是真正的误用，而是误打误撞使用之后，带来了真正的效果。绝大多数人用float都是为了——横向排版或者多列布局。这样的使用是正确的，大部分人都这样使用，bootstrap的栅格系统也是使用了flo

2017-08-15 21:31:40 542 2 2

阅读详情