html - CSS 替代溢出 :hidden

Question

我的 CSS 布局有问题

我有一个包含在 500 像素固定宽度中的表单。设置为页面居中，边距自动；

在那个 div 中，我使用 div 制作了一个表格。由于充当表格行的每个 div 具有不同的高度，因此我使用了 overflow:hidden 属性。我这样做是为了最小化表单的大小。

在该 div 中，我还有 3 个其他 div，它们的作用类似于表数据“td”。它们漂浮在行内。

我想要实现的是在表单出现错误时在它们之上显示另一个 div。就像您在 Stackoverflow 上看到的提醒您文本中有代码需要设置为代码一样。右边的红色div。现在我有点卡住了，因为我无法将那个 div 溢出到两侧。

那么在不使用 overflow:hidden 的情况下，我还有什么其他选项可以设置“行”div 的高度。我不想使用表格，内容总是在变化。

欢迎任何解决方案。

这是简单的代码，让您了解情况；

 <div class="row">
<div class="overflowing"></div>
     <div class="float_left"></div><div class="float_left"></div>      <div class="float_right"></div>
    </div>

溢出的 div 不应该插入 float 的 div，并且在我更改它的属性并用内容填充它之前是不可见的。

Answer 1

如果您使用的是 Bootstrap ，请将 clearfix 类与行一起使用

<div class="row clearfix">

或

<div class="clearfix"></div>

在行尾标签之前

如果没有使用bootstrap

<div style="clear:both;"></div>

在行尾标签之前