DOM文档流层float层,position层级关系

发布网友发布时间：2022-04-20 08:48

共1个回答

热心网友时间：2022-04-20 10:18

摘要Copyright © 1999-2020, CSDN.NET, All Rights Reservedvue高效开发登录weixin_40812057关注文档流及定位position和float的关系原创2020-04-06 19:14:43 weixin_40812057 码龄4年关注关于文档流，及脱离文档流需要了解的知识文档流实际上是一种民间说法，官方说法是常规流（normal flow）文档流的官方概念 : 元素按照其在HTML文件中的位置顺序，决定它在显示器上如何排布的过程。主要的形式是自上而下，一行接一行，每一行从左至右。但以上描述的文档流概念十分抽象晦涩，对初学者十分不友好。其实文档流和现实生活中马路上的车的行驶规则十分相似。先来说说html元素的分类假设有些车太宽了，只能够独自占据一行车道，那就是块级元素（block element），比如 div，ul，section 这些都是经典的块级元素。有的车比较瘦小，可以并排行驶，那就是就是内联元素（inline element），又叫行级元素，或者行内元素，比如 span 就是经典的内联元素。从左至右从上到下的车流中，有添加了某些附加属性的超级变形金刚车型，他们的车由默认的只能陆用，变成了路空两用，也就是说可以飞起来。那些还在地上行驶的车辆，可以填补已经飞到天上的车辆空出来的位置，也可以不填补。文档流的通俗解释文档流用人话来说就是：1. 天生为块级元素的这种车（div为最典型的块级元素），我们可以自定义它的高度宽度（可对其设置width，height属性)，天生就独占一整条车道（width默认为100%，且默认在其前后添加换行）.。 2. 天生为行级元素的这种车（span为最典型的行级元素），我们不能自定义他的高度和宽度（设置width，height无效），天生就喜欢和别人追尾式行驶，不会独占车道（显示时不换行）。3. 两辆车之间的定位，不是兄弟元素与兄弟元素之间的定位，而是父元素与子元素之间的定位。因为所谓定位，必须一个参照物，如果按相对于兄弟元素定位，那么就有个前提就是兄弟元素是已知的、确定的。但很多时候，比如文章的p标签，可多可少，根本确定不了，假设p标签根据某个兄弟元素定位，但如果p标签的兄弟突然增多了或咨询记录 · 回答于2021-11-15DOM文档流层float层,position层级关系你好！你好Copyright © 1999-2020, CSDN.NET, All Rights Reservedvue高效开发登录weixin_40812057关注文档流及定位position和float的关系原创2020-04-06 19:14:43 weixin_40812057 码龄4年关注关于文档流，及脱离文档流需要了解的知识文档流实际上是一种民间说法，官方说法是常规流（normal flow）文档流的官方概念 : 元素按照其在HTML文件中的位置顺序，决定它在显示器上如何排布的过程。主要的形式是自上而下，一行接一行，每一行从左至右。但以上描述的文档流概念十分抽象晦涩，对初学者十分不友好。其实文档流和现实生活中马路上的车的行驶规则十分相似。先来说说html元素的分类假设有些车太宽了，只能够独自占据一行车道，那就是块级元素（block element），比如 div，ul，section 这些都是经典的块级元素。有的车比较瘦小，可以并排行驶，那就是就是内联元素（inline element），又叫行级元素，或者行内元素，比如 span 就是经典的内联元素。从左至右从上到下的车流中，有添加了某些附加属性的超级变形金刚车型，他们的车由默认的只能陆用，变成了路空两用，也就是说可以飞起来。那些还在地上行驶的车辆，可以填补已经飞到天上的车辆空出来的位置，也可以不填补。文档流的通俗解释文档流用人话来说就是：1. 天生为块级元素的这种车（div为最典型的块级元素），我们可以自定义它的高度宽度（可对其设置width，height属性)，天生就独占一整条车道（width默认为100%，且默认在其前后添加换行）.。 2. 天生为行级元素的这种车（span为最典型的行级元素），我们不能自定义他的高度和宽度（设置width，height无效），天生就喜欢和别人追尾式行驶，不会独占车道（显示时不换行）。3. 两辆车之间的定位，不是兄弟元素与兄弟元素之间的定位，而是父元素与子元素之间的定位。因为所谓定位，必须一个参照物，如果按相对于兄弟元素定位，那么就有个前提就是兄弟元素是已知的、确定的。但很多时候，比如文章的p标签，可多可少，根本确定不了，假设p标签根据某个兄弟元素定位，但如果p标签的兄弟突然增多了或给我一个赞可以吗谢谢！，