1.overflow(溢出)
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
.box{
width:100px;
height:100px;
background-color:red;
overflow:visible;
}
2.文档流
每个页面都是文档，每个文档也是一个网页
块元素在文档流中如果设置宽和高就默认为设置的宽和高,设置padding会影响盒子的大小,如果没设置宽就默认父元素宽的100%，高的话是由内容决定，内容有多高，它就有多高
内联元素只占自身的宽和高
3.浮动
.box2{
width: 100px;
height: 100px;
background-color: red;
/display: inline-block;/
float: left;
}
left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
内联浮动
所有的内联元素如果脱离文档流就会变成块元素，内联元素是不支持宽和高，如果变成块元素就会生效。
前端，溢出、文档流和浮动
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 一、什么是复盘？ 正如猫叔所说，没有复盘的学习是会大打折扣的。那么，究竟什么是复盘呢？ 复盘是围棋中的一种学习方法...
