美文网首页
溢出,文档流和内联浮动

溢出,文档流和内联浮动

作者: Stranger_I | 来源:发表于2018-11-24 16:25 被阅读0次

overflow(溢出)

visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

文档流

每个页面都是文档,每个文档也是一个网页

块元素在文档流中如果设置宽和高就默认为设置的宽和高,设置padding会影响盒子的大小,如果没设置
宽就默认父元素宽的100%,高的话是由内容决定,内容有多高,它就有多高

浮动

left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动,并会显示在其在文本中出现的位置。

内联浮动

所有的内联元素如果脱离文档流就会变成块元素,内联元素是不支持宽和高,如果变成块元素就会生效。

相关文章

  • 溢出,文档流和内联浮动

    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 内容会被...

  • 内联、文档流、浮动

    /*盒模型分成内容区、内边距 、边框 、外边距四个部分*/ /*内联元素不能设置width和height*/ /*...

网友评论

      本文标题:溢出,文档流和内联浮动

      本文链接:https://www.haomeiwen.com/subject/rykyqqtx.html