当前位置: 首页 > 面试题库 >

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

凌朗
2023-03-14
问题内容

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

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

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

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


问题答案:

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

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

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



 类似资料:
  • 问题内容: 鉴于以下HTML: 我想坚持到底。 不使用绝对定位就可以实现吗?如果float属性支持’bottom’的值,那似乎可以解决问题,但是不幸的是,事实并非如此。 问题答案: 可能不会。 分配给,然后分配给。

  • 问题内容: 如何使条形图的底部而不是顶部?现在它们粘在容器()的顶部,但我希望它们粘在底部。 如您所见,我不知道最高条的高度,所以我也不知道容器的高度。 应该简单吧?如果有帮助,它只能在不错的浏览器中工作。 PS。条的数量是可变的(在示例中不是),其高度是可变的。只有它们的宽度是静态的。定位无济于事,因为容器div没有测量值。 问题答案: 这将达到目的: 它在默认情况下已应用的父div上使用。这改

  • 问题内容: 我正在使用Ajax请求创建聊天,并且试图使消息div滚动到底部没有太多运气。 我将所有内容包装在这个div中: 有没有一种方法可以使用JS将其默认滚动到底部? 有没有一种方法可以在ajax请求后将其滚动到底部? 问题答案: 这是我在网站上使用的内容:

  • 有代码如下: 目前的效果如图所示: 现在如果想要让按钮是在容器的右边,而不是紧挨着<p>标签,请问应该如何做呢?

  • 问题内容: 我正在使用Rails中的Ajax请求创建聊天,并且试图使div滚动到底部没有太多运气。 我将所有内容包装在这个div中: 有没有一种方法可以使用JS将其默认滚动到底部? 有没有办法在ajax请求之后将其滚动到底部? 问题答案: 这是我在网站上使用的内容: