口诀

float
- 儿子全加 float: left （right）
- 老子加 .clearfix
flex
- 老子加 display: flex
- 老子加 justify-content: space-between;
  如果宽度不够，可以用 margin: 0 -4px;

.clearfix:after{
    content: '';
    display: block;
    clear: both;
}
.clearfix{
    zoom: 1;
}

真正的高手都是布局的高手--2021-08-29
高手的布局思维是如何炼成的？布局需要练习，练习需要学习。高手在练习的时候学什么？两个字“套路”，什么是套路？套路...
布局套路
http://js.jirengu.com/mutezekuba/1/edit?html,css,output
布局套路
口诀 float儿子全加 float: left （right）老子加 .clearfix flex老子加 dis...
布局套路
概述 float布局不要在布局的div（child）上操作，要操作在布局的div下的div上操作（content...
CSS布局套路
CSS布局布局套路浮动布局宽度百分比浮动布局http://js.jirengu.com/yobiq/1/ed...
flex布局与布局套路
flex布局 flex container属性（父元素的属性） flex-direction:确定主轴方向row从...
页面布局套路
一、浮动布局1.给儿子加上float:left2.给父元素加clearfix时刻记住这一点！！二、flex布局1...
CSS布局套路
这篇笔记的目的是记录分别应用float和flex布局的方法。主要是对遇到的问题进行总结。 1.float布局总结...
CSS 布局套路
一、布局流程二、布局原则尽量不要写死width和height 尽量使用高级语法，如calc、nth-child...
CSS布局套路
原则 1.不到万不得已，不要写死 width 和 height 成固定数值2.如果支持 IE8，就用 Float ...