Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/410.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 好奇与浮动框相机幻灯片_Javascript_Css - Fatal编程技术网

Javascript 好奇与浮动框相机幻灯片

Javascript 好奇与浮动框相机幻灯片,javascript,css,Javascript,Css,有人能解释一下第二块“室内遮阳帘和庭院”是如何垂直放置在这个模板中的吗 我找不到css top属性设置或边距top,或者类似的东西,但是它在我的监视器中的位置是493.8px 我觉得自己是css的初学者。在camera.css中,带有.camera\u caption类的块被设置为位置:绝对和底部:0,这使得它粘在容器的底部。我注意到底部属性,但我想他应该在camera_caption div上至少有一个height属性,这样才能起作用。然而,在你的帖子之后,我意识到里面的盒子里有一个填充的底部

有人能解释一下第二块“室内遮阳帘和庭院”是如何垂直放置在这个模板中的吗

我找不到css top属性设置或边距top,或者类似的东西,但是它在我的监视器中的位置是493.8px


我觉得自己是css的初学者。

在camera.css中,带有
.camera\u caption
类的块被设置为
位置:绝对
底部:0
,这使得它粘在容器的底部。

我注意到底部属性,但我想他应该在camera_caption div上至少有一个height属性,这样才能起作用。然而,在你的帖子之后,我意识到里面的盒子里有一个填充的底部,上面散落着相机的标题。因此,他用javascript计算了屏幕的大小,并根据计算结果设置了一个值,以使框在屏幕上处于正确的位置,对吗?但现在,我不明白为什么要这样做,而只是放置一个top属性。@jairhumberto不,它不需要height属性来工作。您可以设置“底部”属性使其粘到底部,您不需要知道从顶部到底部的距离,特别是当容器高度可变时。但是,如何确保长方体将精确定位在您想要的位置?或者甚至可以在屏幕上看到?因为通过为绝对定位的元素设置底部:0,您基本上会说:
将元素的底部边缘设置为其最近定位的祖先的底部边缘上方的0px
-请在简单示例中查看或尝试