Javascript 是否无法简单地从长方体模型的流中移除元素,例如移除其长方体,同时仍允许其显示?

Javascript 是否无法简单地从长方体模型的流中移除元素,例如移除其长方体,同时仍允许其显示?,javascript,html,css,dojo,Javascript,Html,Css,Dojo,我觉得这里缺少了一些基本的东西,我以前认为我已经理解了,但它并没有按照我的感觉工作,也无法理解我为什么/需要做什么 如果我需要画一个图表,我会的,但是这个解释应该足够了。我有一个主div,其中包含一个大型svg图形。在div中,我试图放置一个相对于div定位的较小div。问题是,当我定位内部div(具有固定大小)时,它会向下推动svg图形,因为div当然设置为display:block 这就是我所期望的工作方式,但似乎应该有一种方法来禁用它,并且从我对css的理解来看,除了浮动整个svg之外,没

我觉得这里缺少了一些基本的东西,我以前认为我已经理解了,但它并没有按照我的感觉工作,也无法理解我为什么/需要做什么

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

这就是我所期望的工作方式,但似乎应该有一种方法来禁用它,并且从我对css的理解来看,除了浮动整个svg之外,没有其他方法可以做到这一点,这将使整个设计复杂化,因为div的大小决定了svg的大小,就像现在一样。就我而言,糟糕的计划也许会让我对css有更多的期待


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

您可以尝试使用
显示:内联块
。不确定这是否是您问题的解决方案,但值得一试。

您可以尝试使用
display:inline block
。不确定这是否是您问题的解决方案,但值得一试。

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

下面是一个HTML中SVG的示例,其中SVG绝对定位,因此上面的内容不会移动它:

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

下面是一个HTML中SVG的示例,其中SVG绝对定位,因此上面的内容不会移动它:

可能值得指出的是,为了相对于外部div定位内部div,有必要指定{position:relative}到外部div以及{position:absolute}到内部,否则内部div将相对于身体或具有{position:relative},除非未设置其他位置属性(顶部、左侧等)


如果您明白我的意思。

可能需要指出,为了相对于外部div定位内部div,有必要指定{position:relative}到外部div以及{position:absolute}对于内部,除非未设置其他位置属性(顶部、左侧等),否则内部div将相对于主体或具有{position:relative}的第一祖先进行定位


如果你明白我的意思。

但是如果我将其设置为绝对,那么它对窗口来说就是绝对的,不是吗?我想相对于外部div来定位它。如果没有其他更简单的方法,每次我想重新定位内部div时,我只需查找div的位置。修复了,magicalex为我填补了空白,谢谢!但是如果我它绝对,然后它绝对到窗口,不是吗?我想把它相对于外部div定位。如果没有其他更简单的方法,每次我想重新定位内部div时,我只需要查找div的位置。固定的,magicalex为我填补了空白,谢谢!啊,我想结合Phrogz可能会回答我的问题完全正确,午餐后我会尝试一下。是的,很有效!希望我能在这里给出两个正确的答案。啊,我想结合Phrogz,这可能会完全回答我的问题,我会在午餐后尝试一下。是的,很有效!希望我能在这里给出两个正确的答案。