某个高度的元素中的内容不会延伸到指定的高度。使用保证金底部填写额外费用

时间:2015-09-25 02:52:40

标签: html css

我有一个html元素,我希望身高400px。我通过style tag和css设置了它。此元素的内容仅扩展到350px。我希望剩下的50px是这个元素的margin-bottom。

现在它被归类为实际元素而非保证金。这是一个优雅的CSS解决方案吗?

我知道这可以用javascript完成,但我不想因为元素的高度不同而且我必须在on-load和on-resize函数中添加更多内容,这使得调整大小更加滞后。

由于

1 个答案:

答案 0 :(得分:0)

首先,在CodePen或JSFiddle上发布您需求的现场演示是个好主意。这使我们能够理解您的问题,以便我们能够解决它。

关于您的问题,剩余空间应作为保证金,无需任何额外代码。这是一个演示:http://codepen.io/awesomeaniruddh/pen/bVwZdM

这是codepen中的HTML代码:

<section class="foo">
    Foo
</section>
Bar

HTML元素中有一行文本,其高度设置为400px。 元素之后还有另一行文本。保证金自动应用。

希望我能帮到你。如果我误解了你的问题,请告诉我!