美文网首页
脱离文档流

脱离文档流

作者: tency小七 | 来源:发表于2018-03-09 20:08 被阅读0次
前提
  1. 块级元素
    包括:div p h1... center address table ol ul li ...
  2. 行内元素
    包括:img input select a label br ...

块级元素可以这么理解:就是独占一行,如果这一个元素这一行没有占满,下一个元素也要重新另起一行。
特点:

  1. 宽度,行高,内边距,外边距都可以控制。
  2. 宽度缺省是他容器的100%,除非设定一个宽度。

而行内元素不一样,行内元素可以在另外一个行内元素同一行的后面。
特点:

  1. 宽度,行高,内边距,外边距都不可以控制.
  2. 宽度就是文本或者图片的宽度。

脱离文档流就是块级元素可以在同一行了。怎么让块级元素在同一行脱离文档流呢???
那就是float和position:absolute,position:fixed;
话说我昨天面试就有这道题呢。

详情请见:http://blog.csdn.net/tongxinmiao/article/details/52486274

相关文章

  • absolute和relative的区别

    1、文档流不同 relative 不脱离文档流,absolute 脱离文档流。 2、分级不同 relative 参...

  • 脱离文档流

    前提 块级元素包括:div p h1... center address table ol ul li ... ...

  • css 定位的几种方式

    文档流/脱离文档流 文档流,指的是元素在排版布局过程中,元素会从自上到下,从左到右的顺序依次排列; 脱离文档流,指...

  • CSS浮动和定位

    一、文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流就是元素从左到右,从上到下排列; 元素脱离文档流可...

  • 浮动与清除浮动

    浮动:使元素脱离文档流,按照指定方向(左右)发生移动,遇到父边界或者相邻的浮动元素停下来,脱离文档流。 文档流:是...

  • 第五次课程小结:清除浮动

    什么是浮动 浮动的本质:实现文字环绕效果元素脱离文档流不脱离文字流脱离文档流:假如A元素浮动了,原本排在该元素之后...

  • position定位

    一、理解文档流和脱离文档流 我们在写tab切换的时候,如果其他的tab的内容是脱离了文档流,那么则会重叠在页面中。...

  • CSS----浮动、塌陷

    使用float使元素浮动,从而脱离文档流,可选值: none:默认值 left:脱离文档流,向页面左侧浮动 ...

  • Float && Position-Assign

    1.文档流的概念指什么?有哪种方式可以让元素脱离文档流? 文档流(normal flow),也称为标准文档流、常规...

  • 10-1 CSS定位

    一、浮动和定位可以让元素脱离文档流 定位有三种,其中absolute/fixed会脱离文档流,relative不会...

网友评论

      本文标题:脱离文档流

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