浮动右下的 CSS答案

【问题标题】：CSS under float right浮动右下的 CSS
【发布时间】：2012-07-02 03:07:54
【问题描述】：

我希望我能很好地解释这一点。我有一个具有 style="float: right;" 的 div在这个 div 中，我有一个包含一些编辑器字段的表格。但现在我想要两个文本编辑器框（在 .NET MVC3 @Html.TextAreaFor 中）位于这些编辑字段下。但是发生的情况是文本编辑器框出现在页面中间的某个位置，而不是在右侧浮动编辑器字段下方。如何让文本编辑器出现在右侧浮动编辑器字段下方？

谢谢

【问题讨论】：

或许将编辑器字段和框分别放在 i sub div 中会更好

标签： css css-float

【解决方案1】：

尝试将overflow:hidden 应用于div 的父级，并假设必须位于其下方的块不在同一个父级中。但这肯定有助于查看您的标记。

【讨论】：

感谢您的回答。我已经尝试过了，但似乎没有帮助。我会发布标记，但我使用了很多部分 MVC 视图，整个页面由其中的 5 个构成。并且每个视图都在另一个视图之下，并且问题开始出现在最后一个需要适合右侧浮动视图的下方。是否有一些技巧可以插入一些不可见的元素，以迫使最后一个视图适合右侧浮动的视图？
据我所知，容纳浮动的 div 正在折叠，您需要将其包围浮动。所以你应该使用一个常见的 clearfix 技巧。

【解决方案2】：

我通过将右对齐的 div 放在两个单元格的右单元格中解决了这个问题，一个行表我给出了 100% 的宽度。这会强制下一个带有文本编辑器字段的视图适合此表，因为它的宽度为 100%。它不是很优雅，但现在可以解决问题。

谢谢

【讨论】：

在nicolasgallagher.com/micro-clearfix-hack了解clearfix技巧
有趣的文章。谢谢你。从来没有听说过这个。