小编Sur*_*j M的帖子

我们有很多选项可以使用jQuery和JavaScript来获取元素的高度.

但是我们怎样才能使用CSS获得高度？

假设,我有一个动态内容的div - 所以它没有固定的高度:

.dynamic-height {
   color: #000;
   font-size: 12px;
   height: auto;
   text-align: left;
}

<div class='dynamic-height'>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
</div>

我想设置margin-top的.dynamic-height一个值等于(the height of the div - 10px)只使用CSS.

如果我得到高度我可以使用CSS calc()功能.

我怎么做？

我是哈巴狗/玉的新手。我有 3 个 pug 模板文件，名为“layout.pug”、“home.pug”和“mixins.pug”。layout.pug 包含以下代码：

html
  include mixins
  body
    include home

home.pug 文件中的代码：

body
  div.main
    +popup('Hello', 'Hello World')

pug 文件“mixins.pug”包含 mixins。我已将 mixin popup() 添加到此文件中。该文件中的代码：

mixin popup(title, description)
 div.pop-up-body
   h2 #{title}
   p #{description}

但是当我使用grunt pug命令编译 pug 文件时，出现错误“pug_mixins.popup 不是函数”。

如果您知道原因，请帮助我。