美文网首页
2018.10.19文档流,浮动

2018.10.19文档流,浮动

作者: 爽爽ing | 来源:发表于2018-10-21 20:31 被阅读0次

    文档流
    块元素在文档流中独占一行,网页就是一个文档
    块元素的宽度默认占父元素的百分之百
    块元素的高度是默认被内容撑开的,内容有多高,他就多高,子元素有多高,他就多高

    浮动
    float:right 右浮动 float:left;左浮动 float:none;
    当你给一个元素设置浮动以后,这个元素立刻脱离文档流,并且不占用原来的位置,下面的元素
    会立刻向上移动
    浮动比文档流高一层

    假如你浮动的这个元素的上面是一个没有浮动元素的块,那么浮动的这个元素是不会超过这个
    块的!

    浮动的元素不会超过兄弟元素,最多一边齐

    (文字绕图)浮动的元素不会盖住文字,会自动环绕在块周围

    内联元素的浮动
    块元素脱离文档流,高度和宽度都会被内容撑开
    内联元素脱离文档流会变成块元素

    相关文章

      网友评论

          本文标题:2018.10.19文档流,浮动

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