Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我如何在html中创建一个绝对定位的div,它会将其他元素推到一边,就像Apple';s页?_Javascript_Jquery_Css_Css Position - Fatal编程技术网

Javascript 我如何在html中创建一个绝对定位的div,它会将其他元素推到一边,就像Apple';s页?

Javascript 我如何在html中创建一个绝对定位的div,它会将其他元素推到一边,就像Apple';s页?,javascript,jquery,css,css-position,Javascript,Jquery,Css,Css Position,我如何创建一个div,它将像一个相对定位的div一样工作(因为它不能允许后面的元素),并且仍然像一个绝对定位的div一样工作(因为它可以自由定位)?如果需要,我愿意使用javascript和jQuery 示例:或者类似的效果我想您指的是可拖动的元素,您可以使用jQuery用户界面: 我认为你不能以你要求的方式去做你要求的事情。不过,你应该能够充分伪装它 假设您想“插入”一个侧边栏,将页面上的所有主要内容按200像素(侧边栏的宽度)推送。你可以将页面/容器的左边距增加200px(如果你想让它看起来

我如何创建一个div,它将像一个相对定位的div一样工作(因为它不能允许后面的元素),并且仍然像一个绝对定位的div一样工作(因为它可以自由定位)?如果需要,我愿意使用javascript和jQuery


示例:或者类似的效果

我想您指的是可拖动的元素,您可以使用jQuery用户界面:


我认为你不能以你要求的方式去做你要求的事情。不过,你应该能够充分伪装它


假设您想“插入”一个侧边栏,将页面上的所有主要内容按200像素(侧边栏的宽度)推送。你可以将页面/容器的左边距增加200px(如果你想让它看起来很炫的话,可以设置动画),然后绝对地将div放在你想要的位置(如果你想让它看起来像是在“推”其他内容一样,可以设置动画从屏幕外滑入)。如果我正确理解了这个问题,那么这应该可以达到你想要的视觉效果。

我无法想象你想要做什么……有任何示例或代码吗?没有,就像我有一个绝对定位的图像,它覆盖了下面的文本区域。我知道我可以使用
padding top
,但是我不知道图像的确切大小,因为图像的大小不同,所以我想把图像做成这样,这样它会将其他元素“推”到一边。我刚刚看到你的评论,指出你并不总是确定图像的大小-这有点棘手。您可以使用jQuery(或另一个lib)来确定元素的大小,以确保移动的内容足够多。我在渲染元素的大小查询方面取得了成功,但我无法想象一幅图像会报告奇怪的大小。