overflow(溢出)
visible 默认值。内容不会被修剪，会呈现在元素框之外。
hidden 内容会被修剪，并且其余内容是不可见的。
scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
.box{
width:100px;
height:100px;
background-color:red;
overflow:visible;
}
2.文档流
每个页面都是文档，每个文档也是一个网页
块元素在文档流中如果设置宽和高就默认为设置的宽和高,设置padding会影响盒子的大小,如果没设置宽就默认父*
元素宽的100%，高的话是由内容决定，内容有多高，它就有多高
内联元素只占自身的宽和高
3.浮动
overflow(溢出) 文档流 浮动 内联浮动
overflow(溢出) visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪...
1.overflow(溢出) visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被...
1.overflow(溢出) visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被...
1.overflow(溢出) visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被...
1.溢出 1.visible默认值内容不会被修剪,会呈现现在元素框之外.2.hidden内容会被修剪,并且其余内容...
overflow(溢出) visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪...
1.overflow(溢出) visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被...
1.overflow(溢出)visible 默认值。内容不会被修剪，会呈现在元素框之外。hidden 内容会被修剪...
1.overflow(溢出)visible 默认值。内容不会被修剪，会呈现在元素框之外。hidden 内容会被修剪...
本文标题：溢出、文档流和浮动
本文链接：https://www.haomeiwen.com/subject/vthuhqtx.html
网友评论