一尘不染

如何让div浮动到其容器的底部?

html

我多次使用float:right(或left)将图像和插入框浮动在容器的顶部。最近,我遇到了一个需要将div浮动到另一个div的右下角,并使用您通过float获得的普通文本换行(仅在顶部和左侧换行的文本)的方法。

我认为即使float没有底值,这也必须相对容易,但是我无法使用多种技术来做到这一点,并且在Web上搜索除了使用绝对定位外没有其他方法,但这没有给出正确的自动换行行为。

我以为这将是一个非常常见的设计,但显然并非如此。如果没有人提出建议,我将不得不将文本分成单独的框并手动对齐div,但这非常不稳定,我不愿意在需要它的每个页面上都这样做。

编辑:
只是给来到这里的人的便条。上面链接为重复项的问题实际上不是重复项。文本环绕inset元素的要求使其完全不同。实际上,这里对投票最高的答案的回答清楚地说明了为什么链接问题中的答案作为对此问题的回答是错误的。无论如何,似乎仍然没有解决此问题的通用方法,但是此处和链接的问题中发布的某些解决方案可能适用于特定情况。


阅读 369

收藏
2020-05-10

共1个答案

一尘不染

经过几天的各种技术苦苦挣扎之后,我不得不说这似乎是不可能的。即使使用javascript(我不想这样做),这似乎也不可能。

为了向那些可能还不了解的人澄清-
这就是我所要寻找的:在发布中,布局插图(图片,表格,图形等)以使其底线与最后一个底线对齐很普遍。块(或页面)的文本行,其中文本围绕插入物以自然的方式在上下左右流动,具体取决于插入物位于页面的哪一侧。在html
/ css中,使用float样式将插图的顶部与块的顶部对齐很简单,但令我惊讶的是,尽管这是常见的布局任务,但似乎无法将文本的底部和插图对齐。

我想除非有人提出最后建议,否则我将不得不重新考虑该项目的设计目标。

2020-05-10