javascript - 根据另一个 div 的高度定位 div

Question

我有一个<div>（我们称之为“图像”），其中包含一些图像<img><img><img>等。这个 div 的宽度设置为屏幕的 100%，并且里面的图像会根据宽度重新缩放。因此，根据浏览器的宽度，我的 div 的高度会发生变化。

现在我想创建另一个在该图像之后开始的 div（我们称之为“after_image”），不使用“relative”，而是通过检索 的高度<div id="image">，并将其用作“top: px”属性。

是否可以？也许一个<script>？（我正在使用 PHP）

标签： javascripthtmlcss

Answer 1

试试这个 ：

<div id='image'>
  <img src='' />
  <img src='' />
  <img src='' />
</div>
<div id='after_image'></div>

<script>
  var h = document.getElementById('image').clientHeight // returns height as number
  document.getElementById('after_image').style.top = h + 'px'
</script>