javascript - 有没有办法简单地从盒子模型的流程中删除一个元素,例如删除它的盒子,同时仍然允许它显示?

标签 javascript html css dojo

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

我觉得我在这里缺少一些相当基本的东西,我以前认为我理解它,但它并没有按照我认为应该的方式工作,也无法弄清楚为什么/我需要做什么。

如果我需要画图我会画,但这个解释应该足够了。我有一个主 div,它包含一个大的 svg 绘图。在 div 中,我试图放置一个相对于 div 定位的较小的 div。问题在于,当我定位内部 div(具有固定大小)时,它会将 svg 绘图向下推,因为 div 当然设置为显示: block 。

这就是我希望它工作的方式,但似乎应该有一种方法可以禁用它,而且根据我对 css 的理解,除了 float 整个 svg 之外没有其他方法可以做到这一点,这会使整个过程复杂化设计为 div 的大小决定了现在 svg 的大小。我可能对 CSS 有更多的期望,但计划不周。

这就是我要做的吗?有没有一种简单的方法可以使某些东西既不是 block 也不是内联有效地不在 block 模型中计算它?我不明白为什么这不是一个选项,它看起来很基本。我也在使用 dojo 工具包,如果其中可能有什么可以提供帮助的话,并且我愿意包含其他库,只要它们不是很大。

最佳答案

使用 CSS position:absolute 从流中移除元素。没有进一步的定位,左上角将位于它本来应该在的位置。但是,您需要指定宽度和高度。

这是 HTML 中的 SVG 示例,其中 SVG 是绝对定位的,因此其上方的内容不会移动它:
http://phrogz.net/svg/constant-length-bezier.xhtml

关于javascript - 有没有办法简单地从盒子模型的流程中删除一个元素,例如删除它的盒子,同时仍然允许它显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8946317/

上一篇:html - 网站的 Logo 未显示

下一篇:jquery - 背景颜色转移

相关文章:

javascript - 触摸屏上的 Canvas 问题

javascript - 固定定位溢出不滚动

javascript - 使用 for 循环使用 Javascript 设置背景图像

javascript - 在对象之间创建监听器 javascript

javascript - 给定另外两个点和标题确定点

javascript - 如何将项目添加到列表?

html - 如何在悬停时更改 Font Awesome 堆叠图标的颜色

html - 来自 url 的 CSS 边框图像 - 不起作用

jquery - 在鼠标移出事件上,我希望页面刷新 div 中的 iframe

javascript - 嵌入式谷歌地图在调整窗口大小之前不显示完整 map