我有一个html元素,我希望身高400px。我通过style tag和css设置了它。此元素的内容仅扩展到350px。我希望剩下的50px是这个元素的margin-bottom。
现在它被归类为实际元素而非保证金。这是一个优雅的CSS解决方案吗?
我知道这可以用javascript完成,但我不想因为元素的高度不同而且我必须在on-load和on-resize函数中添加更多内容,这使得调整大小更加滞后。
由于
答案 0 :(得分:0)
首先,在CodePen或JSFiddle上发布您需求的现场演示是个好主意。这使我们能够理解您的问题,以便我们能够解决它。
关于您的问题,剩余空间应作为保证金,无需任何额外代码。这是一个演示:http://codepen.io/awesomeaniruddh/pen/bVwZdM
这是codepen中的HTML代码:
<section class="foo">
Foo
</section>
Bar
HTML元素中有一行文本,其高度设置为400px。 元素之后还有另一行文本。保证金自动应用。
希望我能帮到你。如果我误解了你的问题,请告诉我!