首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >除了使用绝对或固定的位置之外,有没有其他方法,使用CSS,让一个元素不影响页面的流?

除了使用绝对或固定的位置之外,有没有其他方法,使用CSS,让一个元素不影响页面的流?
EN

Stack Overflow用户
提问于 2013-05-08 01:58:51
回答 2查看 1.5K关注 0票数 0

我试着在谷歌上搜索这个问题,也在这里搜索,但我似乎找不到任何相关的东西(这表明这是不可能的)。

我也尝试过将“相对”定位与不同的“显示”属性(如内联、内联块等)结合使用,但一点也不让我惊讶,我发现它仍然会影响页面的流动。这就是我所理解的,但这让我开始思考,“除了使用绝对位置或固定位置之外,是否还有其他方法可以使用CSS来使元素不影响页面的流动?”

我也对使用JavaScript/jQuery实现同样的效果感兴趣,如果可能的话。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-05-08 02:08:15

您可以浮动元素,但这通常会导致元素及其流内兄弟元素从正常流中的其他位置移开。它还将元素转换为块框。如果这两种效果中的任何一种都是不可取的,那么浮动就不是一个选项。

如果您希望元素保持原样,但表现得好像它不在正常流中一样,那么只需指定position: absolute就足够了。如果不指定toprightbottomleft中的任何一个,那么元素将不会从其正常流位置偏移任何位置,除非在特殊情况下(例如,放弃一个元素将阻塞该元素上的margin collapse,因为当它超出流时,它不再有任何其他页边距可供交互-请将this examplethis one进行比较)。

票数 3
EN

Stack Overflow用户

发布于 2013-05-08 02:14:23

我不确定这里的用例是什么,但这里有一个简短的解释,我希望能为你澄清一些事情:

每个HTML都有一个“正常流”,通常是从左到右。块级元素(divpli)将始终占据整个行,而内联元素(spana)将一个接一个地出现。

有几种方法可以控制页面的流程:

  1. 更改元素的显示属性(内联、内联块、表格单元格等)
  2. 设置绝对位置-这将使该元素脱离“正常流”,从而为其他元素腾出空间来占据该浮动位置-这样你就可以将该元素从其原始位置移动,但与绝对定位不同的是,该元素仍将占用其原始空间,因此没有其他元素可以进入其中。
  3. 使用浮点数-类似于space.
  4. Setting,这将使元素脱离正常的页面流,并使其他元素能够占据该位置。

这些是主要的方式,每种方式对流程的影响都不同。

希望这能帮上忙。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16425587

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档